盒子
盒子
文章目录
  1. 前言
    1. 环境配置
      1. 安装Node
      2. 安装git
      3. 安装Sublime Text
      4. Github账号注册
    2. 安装hexo
    3. hexo配置
      1. 生成静态页面
      2. 开启本地服务
      3. 新建文章
    4. 下载主题
    5. 评论框
      1. Disqus
      2. 多说
    6. 统计
    7. RSS
      1. feed安装
      2. 开启
      3. 访问
      4. 升级插件
      5. 卸载插件
      6. sitemap安装
      7. 开启
      8. 提醒
    8. 写文章
    9. 结束

Hexo的安装与配置

前言

我为什么会开始写博客呢?其实是我不久前在stormzhang的微信公众平台上看到他写的成长经历,他上面说写博客是他成功的一个非常重要的部分。所用对于我这种小白,也想尝试的写自己的博客。于是我就开始搭建hexo的相关配置。好了废话不多说开始搭建。


环境配置

安装Node

只要到Node.js的官网下载最新版本就可以了。下载后一路安装就可以了,很简单的。

安装git

git的安装也不复杂,我这里给个教程给你们包括安装与基本的使用。
至于为什么要安装git下面会讲到。

安装Sublime Text

个人推荐 后面文件配置的时候这个文本编辑器还是很好用的,基本上什么格式的文件都能打开编辑。

Sublime Text下载

Github账号注册

git安装好了后 如果有github账号且配置了SSH Key请跳过这里

  • 首先去Github注册账号
  • 创建仓库 New repository 在Repository name中必须为你的[your_user_name].github.io github
  • 创建SSH Key

    创建你的用户名与密码:

    git config --global user.email "your email"
     git config --global user.name "your name"
    

    生成密钥:

    ssh-keygen -t rsa -C "your email"
    

    最后根据提示就能生成SSH Key了教程参考

  • 进入Settings中的SSH Keys 添加密匙

安装hexo

  • 进入终端执行

    npm install -g hexo
    
  • 新建一个文件目录例如blog 进入blog目录

    init hexo 
    

hexo配置

生成静态页面

hexo gengerate

开启本地服务

hexo server

开启后打开浏览器 输入http://localhost:4000 就能看到效果。

新建文章

hexo new "PostName"

##部署步骤
一般部署步骤:

hexo clean // 清理
hexo generate // 生成
hexo deploy // 部署

或者简写:

hexo c
hexo g
hexo d

部署完成后打开浏览器输入http://[your_user_name].github.io 就是前面github中建仓库的名字。
到此所用的安装与配置已经完成

下载主题

主题的话就要看个人的爱好了,我这有一系列的主题 喜欢哪个就去里面下载就行,至于如何下载里面都要详细的介绍。

我的主题是Fexo对我这个主题感兴趣的就不用一个一个去查找了

评论框

评论有Disqus与多说,在国内推荐多说,Disqus是面向全球的

Disqus

Disqus注册Disqus帐号

多说

多说可以支持QQ 微信等登录,登录后注册域名
进入hexo目录打开_config.yml文件找到

#disqus_shortname: [域名]
 duoshuo_shortname: [域名]

Disqus也是一样

统计

我这里只说百度统计

进入百度统计注册登录帐号
进去网站中心的代码获取 把获取的代码放入 hexo/themes/fexo/layout/_partial中baidu-analytics.ejs文件

1
2
3
4
5
<% if (theme.baidu_analytics){ %>
<script type="text/javascript">
//获取的代码
</script>
<% } %>

RSS

feed安装

npm install hexo-generator-feed

开启

进入hexo_config.yml找到Plugins

Plugins:
 - hexo-generator-feed

feed: type: atom path: atom.xml limit: 20

访问

访问http://localhost:4000/atom.xml查看

升级插件

npm update

卸载插件

nmp uninstall hexo-generator-feed

sitemap安装

npm install hexo-generator-sitemap

开启

进入hexo_config.yml找到Plugins

Plugins:
 - hexo-generator-sitemap

sitemap: path: sitemap.xml

访问 升级 卸载与feed一样

提醒

可能安装了feed与sitemap 访问http://localhost:4000/atom.xml 会显示“Cannot GET atom.xml”与”Cannot GET sitemap.xml”打开hexo/package.jso 添加

"hexo-generator-feed": "1.1.0",
"hexo-generator-sitemap": "1.1.2",

版本号匹配自己的

添加完后 hexo g 再重新访问

写文章

进入hexo/source/_posts 找到相关文章的.md 进行编写
hexo写文章是使用Markdown编写文章 Markdown–入门指南

删除文章只要删除对应的.md文件就行

结束

好了hexo的安装与配置基本上就是这样了,今天就到这里了,希望大家多多支持。

转载请指明出处idisfkj博客:https://idisfkj.github.io

支持一下
赞赏是一门艺术