概要

  • Hexo

  • 编写博客

  • github

  • 域名

hexo

1.介绍

主页： https://hexo.io/zh-cn/
主页中有非常详细的介绍

  • hexo 可以理解为是基于node.js制作的一个博客工具，不是我们理解的一个开源的博客系统。
  • hexo 正常来说，不需要部署到我们的服务器上，我们的服务器上保存的，其实是基于在hexo通过markdown编写的文章，然后hexo帮我们生成静态的html页面，然后，将生成的html上传到我们的服务器。简而言之：hexo是个静态页面生成、上传的工具。

2.安装

hexo依赖node环境，安装hexo前请先安装Nodejs

  1. npm install hexo-cli -g
  2. hexo init blog
  3. cd blog
  4. npm install

以后可能会用到的插件

  1. 压缩HTML, JS, CSS, SVG, XML and JSON
  1. # npm install hexo-yam --save

然后在（hexo/_config.yml）中添加：

  1. minify:
  2.   enable: true
  3.   html:
  4.   css:
  5.   js:
  6.   svg:
  7.   gzip:
  8.   brotli:
  1. 百度网站地图插件
  1. npm install hexo-generator-baidu-sitemap --save-dev
  1. 搜索插件
  1. npm install hexo-generator-json-content@2.2.0 --save

博客

1.创建新blog

  1. hexo new xxx

2.启动

  1. hexo s

3.修改主题

默认的主题有些丑，可以在https://hexo.io/themes/ 这个网站挑选自己喜欢的主题

github

博客写好了之后，我们用利用GitHub来托管静态网站

1.账号注册

先去github官网上注册一个账号，根据提示最后一步别忘了激活你的邮箱

2.创建仓库

注册完后选择start a project创建一个公开的仓库

注意：项目名字固定且唯一，username.github.io

例如我的是qiudxx.github.io然后点击生成

3.发布

先安装git插件：

  1. npm install hexo-deployer-git --save

修改_config.yml文件:

  1. deploy:
  2.   - type: git
  3.     repository: git@github.com:qiudxx/qiudxx.github.io.git,master
  4.     branch: master

你要确保你本地能git push到服务端，需要配置本地的ssh github私钥。没有操作过的同学，请自行搜索。

  1. hexo g -d

这样应该就能在你的github上看到上传的代码了，这时看到的应该是纯静态的一个站点。

这时可以访问https://username.github.io 看到博客内容

例如我的地址是：https://qiudxx.github.io

我配置了域名，会自动跳转到我的域名

域名

阿里云,百度云,腾讯云等云服务商会提供一些非常实惠的域名；

1元就能买到很多不错的域名。

  1. 进入github刚创建的项目，点击Setting

  2. 在GitHub Pages设置中Custom domain设置为你的域名
    如何搭个博客网站 - 图1

  3. 进入域名服务设置
    增加两条记录

    • 记录类型为cname
    • 记录值为你博客的访问地址 如何搭个博客网站 - 图2
  4. 开启https
    如何搭个博客网站 - 图3