hexo 网站建设

网站建设

第一部分 安装 hexo

npm install -g hexo-cli

node js 安装参考

新建博客目录

hexo init blog

打开目录 blog， 然后运行

npm install

基本完成，之后可以选择写文章，或者预览demo
写文章则运行，生成markdown文件，在source/_post/ 下

hexo new file-name 
hexo new page page-name  // 生成新的界面

预览则运行

hexo server

第二部分 个性化配置

• 配置当前目录
  主要是 _config.yml
  只需更改如下基本内容：
  
  1. 空间名字
  2. 显示语言情况
  3. git 部署方式
  4. 定制的主题路径

以上几个项目基本可满足需求，当然还可以深度配置一些内容。

我使用的主题：
主题 Tranquilpeak

下载好后放到主题的目录底下

• 更改主题里面的配置文件 _config.xml

更改头像
picture: /assets/images/touxiang.png

网站图片
cover_image: http://7xkzbi.com1.z0.glb.clouddn.com/v1.3.0-cover.jpg

作者信息更改：

author:
    email: laihub@163.com
    location: HangZhou
    # Your profile picture located in folder `source/_images/` (development)
    # or in `source/assets/images/` (production).
    # Overwritten by your gravatar image if `gravatar_image` is enabled
    picture: http://7xkzbi.com1.z0.glb.clouddn.com/touxiang.jpg
    # Your Twitter username without the @. E.g : `tranquilpeak`
    twitter:
    # Your google plus profile id. E.g : `+Tranquilpeak` or `123812884128439`
    google_plus:

搜索添加
1. 到swiftype网站上注册
2. 添加域名，然后一步步操作，配置搜索标题类型，显示内容数量等信息，最后激活。
3. 复制 下面 4tEc1-hSwtuX_4ZRi3QR 到 主题

<script type="text/javascript">
  (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
  (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
  e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
  })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
  _st('install','4tEc1-hSwtuX_4ZRi3QR','2.0.0');
</script>

最后就是要添加几个page 文件
运行

• icon
  到 icon找icon的名字
• 头像

picture: 11.jpg
gravatar_email: #chenlai89@gmail.com

Disqus 注册

https://help.disqus.com/customer/portal/articles/466208
注册 后获取shortname

disqus_shortname: chenlai

http://7xkzbi.com1.z0.glb.clouddn.com/v1.3.0-cover.jpg

google analyse

建议的服务器网站

DNSPod, CloudFlare
//res.cloudinary.com