GitHub + Hexo 搭建我的博客

next主题配置 http://theme-next.iissnan.com/theme-settings.html#categories-page html

并列分类,了解一下:categories: node

- [Linux] linux

- [Tools] git

并列+子分类,再了解一下: github

categories: npm

- [Linux, Hexo] 浏览器

- [Tools, PHP] 服务器

   

来自 <https://disqus.com/embed/comments/?base=default&f=hexojs&t_u=https%3A%2F%2Fhexo.io%2Fzh-cn%2Fdocs%2Ffront-matter.html&t_e=Front-matter&t_d=Front-matter&t_t=Front-matter&s_o=default&l=zh&d_m=0#version=1a104dbd58e8322771ec614533d7cf2f> hexo

GitHub + Hexo 搭建我的博客 dom

 发表于 2019-03-05 |  分类于 linux |  评论数: 0

https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/

摘自: https://www.simon96.online/2018/10/12/hexo-tutorial/

https://thief.one/2017/03/03/Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2%E6%95%99%E7%A8%8B/

准备环境

  1. Node.js 安装。详细步骤:https://www.simon96.online/2018/11/10/hexo-env/
  2. Git 安装。详细步骤:https://www.simon96.online/2018/11/10/hexo-env/
  3. Hexo 安装,在命令行(即Git Bash)运行如下命令:
    npm install -g hexo-cli
  4. 初始化Hexo,在命令行依次运行如下命令便可:
    如下,即存放Hexo初始化文件的路径, 即站点目录。

1

$ hexo init <folder>

  • 站点目录: folder
  • 站点配置文件:站点目录下的_config.yml;路径为_config.yml
  • 主题配置文件:站点目录下的themes文件夹下的,主题文件夹下的_config.yml。 路径为\themes\<主题文件夹>_config.yml

       

  1. 启动服务器。在路径下,命令行(即Git Bash)输入如下命令,运行便可:
    hexo server
    hexo s
  2. 浏览器访问网址: http://localhost:4000/

    -------------------

    hexo博客连接永久化的解决方案

       

    来自 <https://blog.csdn.net/qq_39195042/article/details/85112114>

       

    npm install hexo-abbrlink --save

       

实施方案

方案一:GithubPages

  1. 建立仓库, 仓库名为:<Github帐号名称>.github.io
  2. 将本地Hexo博客推送到GithubPages
    2.1 安装
    hexo-deployer-git插件。在命令行(即Git Bash)运行如下命令便可:

1

$ npm install hexo-deployer-git --save

2.2 修改_config.yml(在站点目录下)。文件末尾修改成:

1

2

3

4

5

6

# Deployment

## Docs: https://hexo.io/docs/deployment.html

deploy:

type: git

repo: git@github.com:<Github帐号名称>/<Github帐号名称>.github.io.git

branch: master

2.3. 推送到GithubPages。在命令行(即Git Bash)依次输入如下命令, 返回INFO Deploy done: git即成功推送:

1

2

$ hexo g(本地生成静态文件)

$ hexo d(将本地静态文件推送至Github

稍等片刻,浏览器访问: https://<Github帐号名称>.github.io

至此,博客已经搭建在GithubPages, 域名为https://<Github帐号名称>.github.io

方案二:GithubPages + 域名

在方案一的基础上,添加自定义域名(您购买的域名)。

域名解析。

类型选择为 CNAME;

主机记录即域名前缀,填写为www;

记录值填写为<Github帐号名称>.github.io;

解析线路,TTL 默认便可。

仓库设置。

2.1. 打开博客仓库设置:https://github.com/<Github帐号名称>/<Github帐号名称>.github.io/settings

2.2. 在Custom domain下,填写自定义域名,点击save

2.3. 在站点目录的source文件夹下,建立并打开CNAME.txt,写入你的域名(如www.simon96.online),保存,并重命名为CNAME

等待10分钟左右。

浏览器访问自定义域名。

至此,您的Hexo博客已经解析到自定义域名,https://<Github帐号名称>.github.io依然可用

   

来自 <http://localhost:4000/2019/03/05/1234/>

使用 Travis CI 自动更新 GitHub Pages

   

来自 <https://notes.iissnan.com/2016/publishing-github-pages-with-travis-ci/>

相关文章
相关标签/搜索