用hexo搭建博客遇到的坑

作者:陈大大    发布于:

早就听过hexo的大名了,不过以前尝试折腾的时候

根本不知道nodejs,

而且安装的hexo的时候,

多次的报错信息我是拒绝的.

so ,用Github-issues

附赠地址(这不是广告): issues-blog

安装环境是入坑第一步

Windows下推荐一个hexo便携版

我用的是deepin 15.5

首先安装Node

sudo apt-get update #更新一下

sudo apt-get nodejs #安装node.js

其次安装Npm包管理

sudo apt-get npm    #安装npm

添加淘宝镜像源

npm config set registry "https://registry.npm.taobao.org" #换源

安装Hexo

sudo npm install hexo-cli g

安装好了执行

hexo -v

初始化一个文件博客

hexo init blog

进入该目录安装插件

cd blog #进入该目录

npm install

npm install hexo-server --save

npm install hexo-admin --save

npm install hexo-generator-archive --save

npm install hexo-generator-feed --save

npm install hexo-generator-search --save

npm install hexo-generator-tag --save

npm install hexo-deployer-git --save

npm install hexo-generator-sitemap --save

Github Page

  • 申请账号

  • 创建仓库: username.github.io

安装Git

1
sudo apt-get install git

配置你的用户

1
2
3
4
5
git config –global user.name username

git config –global user.emal emal

ssh-keygen -t rsa -C “email”

hexo调试

新建文章 (创建一个MakeDown文件)

hexo new "hello world"

编辑这个文件,然后生成静态文件

hexo g  #生成

然后执行

hexo s  #本地预览

打开浏览器,地址栏中输入:http://localhost:4000/

部署到Github上

修改 blog/_config.yml

deploy:
    #类型
 type: git
    #仓库
 repo: http://github.com/chenhonzhou/hexo-blog.git #后缀加git
    #分支
 branch: master
    #清理静态页面   

在部署到Github上

hexo d

默认的主题不好看

这里我安利的是next主题

下载next主题

cd hexo-blog/themes

git clone https://github.com/iissnan/hexo-theme-next.git

修改下 blog/_config.yml 

Themesnext即可

一般项目都会有一个README.md文件

所以在_config.yml中添加

skip_render: README.md

在站点配置文件中,添加avatar字段,值设置成头像的链接地址.

avatar: /images/avatar.png

添加Favicon

favicon: http://github.com/favicon.ico

添加爱心效果,在网址输入如下

http://7u2ss1.com1.z0.glb.clouddn.com/love.js

然后将里面的代码copy一下,新建love.js文件并且将代码复制进去,然后保存。将love.js文件放到路径

/themes/next/source/js/src

里面,然后打开

\themes\next\layout\_layout.swig

文件,在末尾(在前面引用会出现找不到的bug)添加以下代码:

<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/src/love.js"></script>
format_list_numbered

(无)

  1. 1. Github Page
arrow_upward

Copyright © 2016 陈大大のBlog