GitHub搭建免费博客

一、GitHub仓库准备

​ 搭建博客需要准备两个仓库。一个存放博客图床的仓库,另一个存放博客网站的仓库。

1.1、图床创建
  • 新建仓库

    第一步:

​ 第二步:

  • 生成Token令牌

    点击右上角头像->Settings->下拉,直到左侧到底,选择Developer settings(开发人员设置)->Personal Access tokens(个人访问令牌) -> Tkens(classic) -> Generate New Token(classic, 一定要选择 classic 方式)-> 配置相关信息 -> Generate token

    第一步:

​ 第二步:

​ 第三步:

  • 创建图片文件夹

    第一步:

    第二步:

  • 设置Typora实现自动上传

    Mac系统:Typora-->设置-->图像

1.2、博客网站

​ 第一步:新建GitHub仓库

​ 第二步:设置仓库

二、图床使用

2.1、下载PicGo软件上传图片

官网下载

2.2、配置PicGo

选择图床设置-->GitHub-->编辑按钮

仓库名:GitHub用户名/GitHub仓库地址

分支名:GitHub的分支名称

Token:GitHub中设定的AccessToken

自定义域名:https://fastly.jsdelivr.net/gh/用户名/仓库名

2.3、使用PicGo

选择上传区-->切换图片上传为GitHub-->拖拽图片上传

三、Hexo安装

3.1、安装Node.js

第一步:下载Node软件安装

前往Node.js下载LTS稳定版,下载完成后双击下载文件,按步骤默认安装即可。

第二步:验证

复制代码
npm -v

第三步:配置淘宝镜像源

复制代码
npm config set registry https://registry.npm.taobao.org

验证是否设置成功

复制代码
npm config get registry

3.2、安装Hexo

复制代码
npm install hexo-cli -g

3.3、使用Hexo创建个人博客项目

初始化博客项目:hexo init 项目名

复制代码
hexo init Blog

进入博客项目目录

复制代码
cd Blog

安装依赖

复制代码
npm install

新建文章:hexo new 文章名

复制代码
hexo new first

启动本地服务

复制代码
hexo s

3.4、自定义Hexo主题

​ 可以在 https://hexo.io/themes/index.html进行主题的挑选。将下好的主题放在`themes`文件夹内,同时在`_config.yml`中进行主题修改。一下以Aurora主题的配置为例.

第一步:前往主题的GitHub仓库,选择Release版本下载主题

第二步:将下载下来的主题包放在themes文件夹内

第三步:复制themes-->aurora->_config.yml到Blog目录下,命名为_config.aurora.yml

第四步:修改Blog目录下_confg.yml文件

安装插件

复制代码
npm install hexo-theme-aurora hexo-plugin-aurora --save

主题包安装依赖

复制代码
cd themes/aurora

npm install

根据Aurora主题配置文档https://aurora.tridiamond.tech/en/guide/getting-started.html,完成其他配置。

第五步:生成网页

复制代码
hexo g

第六步:部署

复制代码
hexo d
相关推荐
跨境卫士情报站8 小时前
高阶亚马逊运营秘籍:关键词矩阵打法深度解析与应用
经验分享·教育电商
axinawang11 小时前
极域电子教室出现问题如何处理
经验分享
技术小赵1 天前
优化Facebook广告投放的五大关键策略
经验分享
智者知已应修善业1 天前
【51单片机节日彩灯控制器设计】2022-6-11
c语言·经验分享·笔记·单片机·嵌入式硬件·51单片机
Yo_Becky1 天前
【PyTorch】PyTorch预训练模型缓存位置迁移,也可拓展应用于其他文件的迁移
人工智能·pytorch·经验分享·笔记·python·程序人生·其他
ONETHING_CLOUD_21 天前
电脑系统重装有什么用?
经验分享·科技·计算机·电脑·数码
会的全对٩(ˊᗜˋ*)و1 天前
【数据挖掘】数据挖掘综合案例—银行精准营销
人工智能·经验分享·python·数据挖掘
future14121 天前
每日问题总结
经验分享·笔记
LilySesy2 天前
ABAP+&SFSY-FORMPAGES&变成星号
经验分享·sap·abap·erp系统·smartforms
Allen_LVyingbo2 天前
数智读书笔记系列035《未来医疗:医疗4.0引领第四次医疗产业变革》
人工智能·经验分享·笔记·健康医疗