U+1F411

Mie's Sheepfold

0%

搭建博客过程全纪录

发表于 更新于 分类于 ，

本文涉及的内容有：

  • 使用Hexo建站工具
  • 在Hexo中使用NexT主题
  • 将博客托管在Github Pages上
  • 在GoDaddy注册域名并与博客绑定

准备工作

创建Github账号

Github只会以用户名称作为github.io博客的二级域名，即username.github.io。
例如：我的用户名为myronxie，所以我的Github博客网址是：http://myronxie.github.io
(不过现在已经重定向到https://mieie.xyz了)

安装Git for windows

（官网链接）

安装node.js

  • 从官网下载安装包：（官网链接）
  • 通过Git Bash安装：
    • cURL: $ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
    • Wget: $ wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh
    • 安装：$ nvm install stable

设置Git

  • 将npm替换为国内源（加速下载速度）
  • 设置user.name和user.email
  • 设置SSH密钥并上传值Github（用于上传repo）

使用Hexo搭建博客

Hexo的官网文档讲述地非常详细（官网链接），在本文中主要介绍其中的一些基本操作

安装Hexo博客框架

新建用于存放博客文件的文件夹，在cmd窗口中输入如下指令：

1
npm install hexo-cli -g

修改配置信息

文件夹根目录的_config.yml是网站的配置信息，可以修改大部分参数: （参考链接）

  • title：网站标题
  • author：网站作者
  • language：网站语言
  • timezone：时区
  • theme：使用的主题（后续将替换为Next主题）

常用指令

  • 建立网站：hexo init [folder]
  • 新建文章：hexo new [layout] <title>
  • 生成静态文件：hexo generate，可简写为hexo g
  • 启动服务器：hexo server，默认情况下，访问网址为：http://localhost:4000/
  • 部署网站：hexo deploy，可简写为hexo d

为Hexo使用NexT主题

（使用文档）

下载主题

在终端窗口下，定位到 Hexo 站点目录下。使用 Git checkout 代码：

1
2
$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

打开网站根目录的_config.xml（注意不是NexT项目下的！），找到 theme 字段，并将其值更改为 next。

其他配置

  • 选择Scheme
  • 设置语言
  • 设置菜单
  • 设置头像
  • 添加第三方服务
    • 站点统计
    • 分享系统
    • 评论系统
    • 站内搜索

发布新文章

新建文章命令：hexo new [layout] <title>

文档使用Markdown格式。可参考这篇文章

托管博客至GitHub Pages

建立repo

登陆Github，新建一个名称为username.github.io的repo，其中username为Github账号名。
因为Github只会为与用户账号名同名的repo建立Github Page。

上传博客

在_config.yml内修改deploy相关信息，例如：

1
2
3
4
deploy:
  type: git
  repo: http://github.com/MyronXie/myronxie.github.io
  branch: master

输入指令：hexo deploy
（注意需要确认SSH密钥是否已经上传至Github，否则无法正常上传）

注册和绑定域名

其实完成的上一步后，博客就已经搭建起来了。但是如果还想为自己的博客绑定一个自己的域名的话，就需要下面的步骤了。

注册域名

可以去域名提供商寻找自己喜欢的域名（万网/GoDaddy等）
主要是国内的域名提供商都需要实名认证，嫌麻烦我就找了GoDaddy。
在Godaddy可以使用Paypal支付费用。
如果只是尝试的话，可以先注册.xyz或者.top后缀的域名，会相对便宜一些。
如果需要长期建站的话，就需要好好思考注册什么样的域名，以及费用方面的问题。

绑定域名

购买完成后，进入域名管理页面中的DNS管理，添加以下配置：

类型 名称 值 TTL 备注
A @ 185.199.108.153 600s Github Pages的IP地址
A @ 185.199.109.153 600s
A @ 185.199.110.153 600s
A @ 185.199.111.153 600s
CNAME www xxx.github.io 600s Github Pages的网址

添加Https支持

只需要在repo的设置中开启Enforce HTTPS的选项即可。在24小时内Github会自动为你的网页添加Https证书。使用Chrome打开网页的时候就可以在地址栏左侧看到小绿锁了。