用Hexo在Github上搭建博客

其实很久以前就想搭建一个属于自己的博客了,之前甚至发疯了去买了一年的阿里云轻量应用服务器,结果就是自己只在上面敲了敲 linux 指令……白瞎了一百来块钱,现在想来,在服务器上搭建确实好,但是确实还是有一定的开销的,而且在中国,建个个人博客都要备案,时间成本也是有的。那么不妨借用 Github 的静态网页托管来搭一个,省去了服务器与域名的钱,虽然速度有点慢但是无伤大雅。好 👍

前置条件:自己的电脑上请安装 nodejs,安装 git,同时要去 Github 申请一个账号(起用户名的时候要认真一点,不要瞎写),这里的安装和确认安装成功的流程就略掉了,自行百度 💪

那么就正式开始安装的流程吧:

  1. 通过 npm/cnpm install -g hexo-cli 安装 Hexo 框架。npm 是指 nodejs 的包管理器,由于 node 服务器在国外访问慢,建议安装淘宝镜像的 node 源 cnpm。

  2. 在自己选定的盘符下新建一个文件夹,在文件夹里用 hexo init 命令初始化一个 hexo 的模板网站,这个过程有点像 Django 在初始化时在文件夹里展开的过程。

  3. 这个时候要记住几条命令:hexo clean是清理缓存,hexo g是生成将 markdown 文件转成 html 的命令,hexo n "xxx"是生成一个名字为 xxx 的 markdown 文件,这个文件位置是在当前目录下的source/_posts文件夹里,就是你写博客时要编辑的文件;hexo s是在本地电脑上预览自己的博客页面,默认是 4000 端口;hexo d是将自己的网站页面推送到 Github 上,一般来说还需要装插件 hexo-deployer-git 才可以保证没有问题,用cnpm install --save hexo-deployer-git命令来安装。以上基本就是常用的命令,具体用法向后看吧。

  4. 给自己的 Github 账户首先装好 ssh 密钥,具体方法百度,主要是为了防止以后每次推送内容到服务器上都要一遍一遍地输密码。在这之后,新建仓库,仓库名格式必须是用户名.github.io格式,只有这样才能保证你可以以https://用户名.github.io的域名来访问到你的博客页面。

  5. 修改项目目录下的_config.yml文件配置选项,这里是配置 Hexo 框架的各种可选项,具体的内容可以去看 Hexo 的文档进行自定义,但如果想要把你的博客页面传到 Github 仓库里,最重要的是修改deploy这一块的内容:

        deploy:
            type: git
            repo: https://github.com/meloveayu/meloveayu.github.io
            branch: master
    

    其中repo修改成你的仓库的网址,其他照抄即可。

  6. 目前已经是万事俱备了,你可以现在现在自己的本地预览一下模板页面是啥样的,直接用hexo g编译页面然后再用hexo s开一个本地页面来预览,没有问题就可以用hexo d将自己的页面上传到 Github 的仓库去了,第一次上传要输入 github 的账号密码,之后就免了。

  7. 每次要写博客时,用hexo n "xxx"来新建页面,写完这个页面,遵循“编译页面——预览页面——推送页面”的流程。然后你就可以访问自己的博客网址来看到自己的网页了。

  8. 至于更改主题,可以上 Hexo 主题页去看看有没有喜欢的,当前自己选的 NexT 主题感觉不错,用的人多,可扩展,初始页就很棒了,这部分已经算是个性化了,该去自己百度了 🤭

  9. 当然不止 Github,像是码云什么的也能部署博客页,还快,但是码云不开 pro 版就不能自动更新网页,你得自己去网页里点一下……~~我是不知道为啥要有这么傻的设计,还浪费了我半天思索为啥我页面没有变化/(ㄒ o ㄒ)/~~

  10. 大概就是这样了吧,以后就可以爽写了 😀