第一篇博客,hexo的安装

经过可能估计接近一天的时间选型入门,我采用hexo框架和next主题,原先准备采用jekyll的,发现有个hexo框架是基于node.js的,前者是需要红宝石语言的,我发现没有这基础,而且也从观上更偏向这个。
hexo默认自带主题是landscape,然后又在主题上花了一把时间,本来最终选定yilia,因为百度出来很多这个教程,然后在纠结这个文章阅读数pv uv vv怎么弄,以及大家用的多说发表评论,发现并没有集成。
然后在搜索这个相关方案,就突然发现next,也有官方网站,集成更好,所以马上转投他的怀抱,就是为了写文章,不想过多折腾,所以下面教程开始。

安装nodejs 安装 git

注 这里我是在windows用户下进行的

软件安装细节就不在叙述了。一般默认安装即可,最多换下安装路径,安装node时一定选这安装npm,默认勾选了的。安装git时,一般也是默认安装,git是通过msys集成的

windows 下打开cmd 在搜索框输入cmd 或者你要打开的目录上的地址栏输入cmd,也可以用poweshell 提示更智能

node版本验证

      
      
1
2
      
      
$ node -v
v6.10.0

npm 版本

      
      
1
2
      
      
$ npm -v
3.10.10

git版本

      
      
1
2
      
      
$ git --version
git version 2.11.0.windows.1

如果有上面提示表示安装成功,如果没有显示,一般是环境变量的问题,具体问题,具体解决。

安装hexo以及主题next

1.安装hexo

       
       
1
2
       
       
$ npm install hexo-cli -g
$ npm install hexo-util -g # 安装 hexo-util next主题需要用到

2.验证hexo

       
       
1
2
3
4
5
6
7
8
9
10
11
12
       
       
$ hexo -v
hexo-cli: 1.0.2
os: Windows_NT 10.0.14393 win32 x64
http_parser: 2.7.0
node: 6.10.0
v8: 5.1.281.93
uv: 1.9.1
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 58.2
modules: 48
openssl: 1.0.2k

3.博客的创建

       
       
1
2
3
4
5
6
       
       
$ cd ~/myblog # ~表示当前目录 你可以根据自己喜欢创建目录 ,然后cmd要定位到这个目录。
$ hexo init # 初始化,会清空整个目录 慎重使用
$ npm install 安装所需要的依赖
$ hexo server # 可以简化为hexo s 有下面信息这表示启动ok
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

然后地址栏输入http://localhost:4000/ 即可看到一个初始化页面

4.主题的应用

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

一个是根目录下的hexo的_config.yml文件,一个是根目录/themes/next 主题文件的_config.yml文件,请注意区分
这种以yml结尾的配置文件,是yaml格式的配置文件格式,相应的有toml,json,xml,ini等

修改hexo的_config.yml文件

  • site部分下 language: zh-Hans 其他选项请自己更改
  • Extensions部分下 theme: next 表示使用themes下的next主题

修改next主题文件的_config.yml文件

然后 Ctrl+C 关闭先前的,然后重新运行 hexo s
然后刷新页面 就能看见新主题页面这里我的

原文:大专栏  第一篇博客,hexo的安装


猜你喜欢

转载自www.cnblogs.com/chinatrump/p/11597135.html
今日推荐