经过可能估计接近一天的时间选型入门,我采用hexo框架和next主题,原先准备采用jekyll的,发现有个hexo框架是基于node.js的,前者是需要红宝石语言的,我发现没有这基础,而且也从观上更偏向这个。
hexo默认自带主题是landscape,然后又在主题上花了一把时间,本来最终选定yilia,因为百度出来很多这个教程,然后在纠结这个文章阅读数pv uv vv怎么弄,以及大家用的多说发表评论,发现并没有集成。
然后在搜索这个相关方案,就突然发现next,也有官方网站,集成更好,所以马上转投他的怀抱,就是为了写文章,不想过多折腾,所以下面教程开始。
安装nodejs 安装 git
- node官网下载地址https://nodejs.org/en/download/
- git官网下载地址https://git-scm.com/downloads
注 这里我是在windows用户下进行的
软件安装细节就不在叙述了。一般默认安装即可,最多换下安装路径,安装node时一定选这安装npm,默认勾选了的。安装git时,一般也是默认安装,git是通过msys集成的
windows 下打开cmd 在搜索框输入cmd 或者你要打开的目录上的地址栏输入cmd,也可以用poweshell 提示更智能
node版本验证
|
|
npm 版本
|
|
git版本
|
|
如果有上面提示表示安装成功,如果没有显示,一般是环境变量的问题,具体问题,具体解决。
安装hexo以及主题next
- hexo官网https://hexo.io/zh-cn/
- next主题官网教程http://theme-next.iissnan.com/getting-started.html#select-scheme
1.安装hexo
12 $ npm install hexo-cli -g$ npm install hexo-util -g # 安装 hexo-util next主题需要用到2.验证hexo
123456789101112 $ hexo -vhexo-cli: 1.0.2os: Windows_NT 10.0.14393 win32 x64http_parser: 2.7.0node: 6.10.0v8: 5.1.281.93uv: 1.9.1zlib: 1.2.8ares: 1.10.1-DEVicu: 58.2modules: 48openssl: 1.0.2k3.博客的创建
123456 $ cd ~/myblog # ~表示当前目录 你可以根据自己喜欢创建目录 ,然后cmd要定位到这个目录。$ hexo init # 初始化,会清空整个目录 慎重使用$ npm install 安装所需要的依赖$ hexo server # 可以简化为hexo s 有下面信息这表示启动okINFO Start processingINFO 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文件
- Schemes部分请设置为scheme: Pisces 默认为scheme: Muse 不太好看,第三个好看
- 其余教程请移步 http://theme-next.iissnan.com/getting-started.html
然后 Ctrl+C 关闭先前的,然后重新运行 hexo s
然后刷新页面 就能看见新主题页面这里我的
原文:大专栏 第一篇博客,hexo的安装