Hexo和git搭建博客与Hexo的语法

配置环境

  1. 安装Node.js -> 生成静态页面的

  2. 安装Git -> 把本地的hexo内容提交至github(Xcode自带Git)

  3. 申请GitHub

配置ssh

直接百度查

hexo使用

  • hexo init

   hexo初始化

  • hexo init blog

   创建在打开hexo的文件夹中创建一个新的文件夹

  • npm install

   安装npm,在使用hexo之前必须安装npm

  • hexo clean

   清除缓存文件

  • hexo g 同 hexo generate

   生成缓存和静态文件,若出现失败则执行:npm install hexo-deployer-git --save

  • hexo d 同 hexo deploy

   用于将本地文件发布到github上

  • hexo s 同 hexo server

   用于启动服务器,主要用来本地预览

  • hexo n 同 hexo new

   用于新建一篇文章 like: hexo new "postName"

更换博客主题

点击查找Hexo主题

  1. 将主题复制到themes文件夹中
  2. 将主主题目录下_config.yml里theme的名称landscape修改为修改成新的主题文件名

绑定域名

第一种(有问题每次更新就没有CNAME)

  1. 在仓库根目录下添加CNAME文件,在文件内容中添加域名全名,注意没有http和www。

  2. ping你的http://github.io域名,得到一个IP;

  3. 将自己的域名与github的ip绑定,ip:192.30.252.154

第二种(有问题每次更新就没有CNAME)

  1. ping你的http://github.io域名,得到一个IP;

  2. 修改你的域名解析记录,添加一个A记录,用得到的IP;ip:192.30.252.154

  3. 登录http://github.com>进入项目>Settings>Custom domain>输入你的域名>Save。

第三种(有问题每次更新就没有CNAME)

  1. 在source文件夹下面新创建一个CNAME文件,里面写上自己所拥有的域名,注意没有http和www。

Next模板的使用

进入Next模板的官方文档,文档非常清晰。感觉不用再详细说明。

设置首页文章显示篇数

Step 1: 安装相关插件

输入如下命令

   npm install --save hexo-generator-index

   npm install --save hexo-generator-archive

   npm install --save hexo-generator-tag

Step 2: 在站点配置文件中,添加如下内容

index_generator:

per_page: 5

archive_generator:

per_page: 20

yearly: true

monthly: true

tag_generator:

per_page: 10

Next设置可以参考Next设置

注意爬过的坑

  1. 更换主题下载完主题后就要将git文件删除,
  2. 先在本地测然后再放到服务器

你可能感兴趣的:(Hexo和git搭建博客与Hexo的语法)