导读
有好多年没有玩博客,没有玩网站了,一直都是在本地玩玩服务器而已,毕竟有了老婆孩子,而且孩子慢慢长大,时间、精力真的是很不充足,可是人都会有自己的爱好,本人也不例外,就喜欢玩玩服务器、NAS、程序、网站、代码什么的,正好最近总算稍微稳定了点,在此捡起自己放弃已久的爱好吧……
至于为什么这次不再使用之前一直用的好好的 Typecho 或者 WordPress,其实很简单,真的不好说哪天又会突然失踪,VPS等忘记续费,最后连数据都全部丢失……
再加上已经过去了玩花里胡哨的年纪,就想静下心来好好写写博客,记录点东西,也不准备弄其他太多东西,简单是最好的,外加 Github 也不会担心突然关站,哪怕关站,原始数据也同样放在自己本地,所以就选择了这次的方案。
本地环境
首先,需要用 Hexo 来建站,本地必须要支持 Node.JS,至于怎么安装,网上一大堆烂大街的教程,很好找。
安装完 Node.JS 后,执行命令安装 Hexo 命令行工具:
npm install -g hexo-cli
执行命令创建一个 Hexo 站点:
hexo init xxx # 这里的xxx改为自己的文件夹名称
命令输入完成后会自己创建一个 xxx 文件夹,这个文件夹就是自己的 Hexo 站点目录。
进入目录,找到 _config.yml
文件,修改其中的配置,配置具体说明请查看官方文档:Hexo配置说明
配置完成后,至需要在目录中执行命令:
hexo clean
hexo generate
hexo server
随后打开给出的本地地址,就可以看到搭建的 Hexo 站点,如果需要编写博文,只需要在此目录下执行命令:
hexo new post "xxxx" # 这里的xxxx是创建的文件名称
进入站点目录,找到 source/_posts
文件夹,可以看到一个 xxxx.md
的文件,用 MarkDown
编辑器打开并撰写自己的文章并保存。
Github Pages
注册一个 Github 账号,并创建一个公开仓库,名称为:xxx.github.io
,这里的 xxx 是自己的 Github 账号名称。
在创建好的仓库中依次找到 Settings
– Pages
,在其中的 Custom domain
里输入自己的自定义域名,并给这个域名设定创建 CNAME 解析记录,指向 xxx.github.io
,也就是刚才创建的仓库名称。
当然也可以不用自定义域名,那后续访问的时候,域名就使用刚才创建的仓库名称 xxx.github.io
即可。
在 Github 网页右上角找到自己的头像,点击后找到 Settings
并进入
在左侧菜单中找到 Developer Settings
并进入
在 Personal access tokens
中创建一个 Token
,留着后面有用
完成后在此回到 Hexo 本地目录,修改配置文件 _config.yml
,找到其中的发布选项,并修改为如下内容:
deploy:
type: 'git'
repo: https://github.com/xxx/xxx.github.io.git # 这里的xxx都是自己的账号名称
branch: main
此时,在本地执行命令
hexo clean
hexo generate
hexo deploy
稍等片刻,按照提示输入自己的 Github 注册邮箱及刚才申请到的 Token,即可将站点发布到 Github Pages 中,等待几分钟,打开自己的域名,可以看到网站已经成功发布。
注意!!!!
如果有使用自定义域名的朋友,很可能会发现,在发布完成后,自己配置的自定义域名没有了,智能使用 Github 给的域名来访问网站。
其实,这和 Github 的设定有关,如果要使用自定义域名,必须要在仓库下拥有一个 CNAME 文件,咱们只需要在本地 Hexo 目录中找到 source
文件夹,在里面创建一个 CNAME
文件,内容为自己的自定义域名,再次重新一键三连,此时咱们的自定义域名不会出现任何问题了!
hexo clean
hexo generate
hexo deploy