LiYanan2004

前言

搭建博客用到的方案是 Hexo + Github Pages,Github Pages 是免费的静态网页部署服务。



优点

1、知名度高,权威性高
2、开发者很多,博客增加新功能比较方便
3、完全免费的域名,也可自定义域名并获得 GitHub Pages 的 HTTPS 证书
4、markdown 渲染能力强大
5、100% Free
6、拥有 1 GB 存储库供放置静态博客文件

本博客主要针对 Windows,macOS 版搭建过程看这里

工具下载

1、PortableHexo:点击下载

文件夹说明

解压 PortableHexo 就会有很多文件夹。

1、进入解压的目录,会有很多脚本文件,这个方便了我们部署和配置,大家可以在桌面上建立快捷方式来快速的进行部署操作。

2、再进入“hexo” 文件夹,可以看到一堆文件夹:

  • public:渲染文件夹,要上传到 GitHub Pages 的渲染内容都会放在这里
  • source:素材文件夹,“_post” 存放博文,格式为md(markdown),其他内容也可放进去,可以创建文件夹渲染时也会创建相应的文件夹
  • theme:主题文件夹,将想要应用到博客的主题放在里面并进行设置即可自动渲染

创建博客仓库

1、注册 Github 账户:浏览器打开 Github,注册一个新账号

账号名称尽量使用好记的名字,此用户名会用与 GitHub Pages 域名





2、登录 GitHub,按照图示创建一个 Github 仓库(网页右上角)





3、填写基本信息,在 “Repository name” 处填写 用户名+“.github.io”,点击 “Create repository”

例如:用户名设置为:xiaoming,则在 “Repository name” 处填写 ”xiaoming.github.io“





基本配置

1、下载 PortableHexo 后解压到自己的目录下

2、运行 “配置基本信息.bat”,按照提示输入

3、运行 “配置 GitHub 部署.bat”,按照提示输入

完成后可以去 “/hexo/_config.yml” 检查下是否生效

本地部署测试

进入解压的文件夹下,直接运行 ”渲染并本地测试.bat“,等待渲染完成即可访问到 “localhost:4000”

主题

1、前往 HEXO 主题页面,选择想要的主题。

2、在 Github 中下载主题的最新版本

3、将下载的 主题压缩文件 解压到 theme 文件夹,修改一个合适的文件夹名。

4、在 “/hexo/_config.yml” 中找到 ”theme: “,将后面的内容修改为刚才解压修改好的文加夹名

记得要在 ”theme:“ 后加空格然后再输入文件夹名





5、运行 ”渲染并部署.bat“,即可推送至 Github 仓库,可通过 ”用户名.github.io“ 进行访问

Enjoy it ~

 海报

 评论


字数统计:22.4k  |   正在计算...
总访问量为 次 。