indent

Hexo初探

一直想尝试在github上开一个静态博客,千挑万选之后最终在Hexojekyll之间犹豫,看了网上很多网友都从jekyll转用了hexo,于是我决定捣腾Hexo! 而且这名字看起来也顺眼多了,哈哈!

Hexo初印象

错误记录

Win10 64位系统下,Hexo出现警告DEP0061,hexo-fs

部署

安装

hexo依赖Node.js和Git,所以这两个必须已经安装,然后用下面命令安装hexo:

npm install hexo -g

mac下需sudo提示权限

初始化

新建blog目录并cd blog,再初始化hexo

cd blog
hexo init

初始化完成之后,目录结构如下:

~ tree -L 1 demo
demo
├── _config.yml
├── package.json
├── scaffolds
├── source
└── themes
3 directories, 2 files

hexo的配置文件是_config.yml,可以在官方文档Configuration里查看详细解释。

启动本地服务
hexo generate
hexo server

这时可以在浏览器输入 localhost:4000 看到本地hexo博客了

部署到github

复制你的GitHub Pages地址,如图:

并修改_config.yml配置文件,如下图:

deploy: 
  type: git
  repository: https://github.com/username/username.github.io.git
  branch: master

在修改_config.yml时要注意,不要随便添加或增加空格,比如冒号后面有一个空格不能省,前面的缩进也不能动

最后提交代码到github:

hexo generate
hexo deploy

这时如果出现了error deployer not found:github 的错误,那么需要再执行如下命令

npm install hexo-deployer-git --save

然后再执行hexo deploy命令

这时访问 https://github.com/username/username.github.io.git 就可以看到hexo的博客了!当然如果你不喜欢这么长的链接地址,那么github上的博客也可以绑定自己的域名。

更换主题

hexo默认的主题不是那么美观,我们可以自己更换主题,官网提供了丰富的主题选择https://hexo.io/themes/
或者这里https://github.com/hexojs/hexo/wiki/Themes

git clone <repository> themes/<theme-name>

repository为主题托管地址,theme-name为主题名字

很多主题在安装好后,你会发现不管是本地,还是github上访问博客,打开速度都很慢。原因是里面加载了一些国外服务器上的资源(中国特色,你懂得),或者是google字库导致hexo modernist首页加载变慢.具体原因还得在谷歌浏览器查看是什么资源阻塞了页面加载,如果是下面这个js加载的问题的话,我们可以把它下载至我们本地,改成相对链接:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

打开主题安装目录下的layout文件夹,如:blog/themes/主题名/layout,打开里面的文件,查找上面jquery被引入的地方,通常在after_all.ejs文件里面找到。将其地址修改为

<script type="text/javascript" src="<%- config.root%>js/jquery.min.js"></script>

然后我们将//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js的js下载至本地的blog/themes/主题名/source/js/下面即可。

补充

我在windows下安装hexo时报错
npm WARN optional dep failed, continuing fsevents@1.0.14

解决办法: 需要升级npm
window下 运行以下命令来升级npm:

npm install -g npm-windows-upgrade

参考:http://stackoverflow.com/questions/18412129/how-do-i-update-node-and-npm-on-windows

mac下升级npm:

sudo npm cache clean -f //清缓存
sudo npm install -g n //安装n模块
sudo n stable //升级为稳定版
node -v

Markdown 编辑器

在 Mac OS X 上, Mou
在 windows 上 有两款: MarkdownPad MarkPad
这三款我都有试过,当然还是Mou最好用。


Markdown 语法

创始人 John Gruber 的 Markdown 语法说明
Markdown 中文版语法说明

seo 笔记

查看网站是否被收录
site:www.indent.top

网站层级不要超过三级

网站地址不能有中文,中文的不能生成网站地图xml

虚拟主机不支持ssh提交

849890769@qq.com

Proudly published with Hexo