美文网首页
hexo + gihub pages搭建个人博客

hexo + gihub pages搭建个人博客

作者: ismyshellyiqi | 来源:发表于2018-03-20 10:59 被阅读0次

    准备工作

    我的环境是在mac上进行的搭建

    1. 安装git
    2. 安装node

    以上这些就不详细的说明了

    安装hexo

    hexo 的官放文档有介绍如何安装以及指令,api等

    1. 找到合适的目录

      $ npm i hexo-cli -g
      
    2. 建站

      $ hexo init <folder>
      $ cd <folder>
      $ npm install //很重要
      

      这样一个hexo就创建完成(的确很简单)具体的配置参考官网 配置

    3. 基本操作(当然官网讲的更加详细)

      init

       $ hexo init [folder]
      

      新建一个网站。如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。

      new

       $ hexo new [layout] <title>
      

      新建一篇文章。如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来。

      generate

       $ hexo generate
      

      生成静态文件。

      选项描述

       -d, --deploy    文件生成后立即部署网站
       -w, --watch 监视文件变动
      

      该命令可以简写为

       $ hexo g
      

      server

       $ hexo server
      

      启动服务器。默认情况下,访问网址为: http://localhost:4000/

      选项 描述

       -p, --port  重设端口
       -s, --static    只使用静态文件
       -l, --log   启动日记记录,使用覆盖记录格式
      

      deploy

       $ hexo deploy
      

      部署网站。

      参数描述

       -g, --generate  部署之前预先生成静态文件
      

      该命令可以简写为:

       $ hexo d
      

      clean

       $ hexo clean
      

      清除缓存文件 (db.json) 和已生成的静态文件 (public)。

      在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令。
      还有许多的指令 参考官网指令

      现在一切都还在本地,要在网络上查看,需要github pages的配合

    github pages

    1. 首先要有个github账号(具体的配置 是另一回事了这里只说如何做一个github pages)

    2. 新建一个仓库 名字要和你的用户名一样

      比如 :你的用户名字叫 zhangsan ;那么就创建一个名字为zhangsan.github.io仓库

    把hexo 和 github pages关联起来

    1. 在刚才创建的hexo文件项目中 找到 _config.yml 配置文件

      在配置文件的最后加上一下代码

       ## _config.yml
       deploy:
           type: git
           repo: git@github.com:zhangsan/zhangsan.github.io.git ##是github上新建的那个仓库地址
           branch: master
      
    2. 在hexo项目中

      hexo new myblog
      hexo g 
      hexo d
      

      然后打开https://github.com/zhangsan/zhangsan.github.io
      就可以看见你的博客了

    更换主题

    1. 去官网找一个自己喜欢的主题
    2. 进入主题的github
    3. 在hexo项目中,进入themes目录中
    4. git clone ...主题的项目地址
    5. 在_config.yml配置文件中 修改为 theme: 下载的主题名称
    6. 重新生成
    ```
    hexo clean 
    hexo g 
    hexo d
    ```
    

    就完成了主题的更换

    将自己的域名关联到Github Pages上

    由于个人的原因(没有准备好的域名)所以直接搬运别人的教程,以后再慢慢研究

    1. 购买域名
    2. 配置CNAME文件

    在 \hexo\source 文件夹下创建文件 CNAME (新建记事本文件命名
    CNAME,然后打开)

    内容为你的域名,例如我的域名是:ryane.top

    1. 绑定域名

    sry 后续继续更新。。。。

    相关文章

      网友评论

          本文标题:hexo + gihub pages搭建个人博客

          本文链接:https://www.haomeiwen.com/subject/xppvqftx.html