zbloghexo主题（zblog导航网主题）

本篇文章给大家谈谈zbloghexo主题，以及zblog导航网主题对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、hexo博客主题样式丢失，怎么配置
• 2、修改hexo的主题时在mobile.styl里添加样式为什么不起效果
• 3、【Hexo】推荐5款简洁美观的主题

hexo博客主题样式丢失，怎么配置

创建项目

你需要在 Coding 上面新建一个项目，项目名称随意：比如我的chenlianjiang。

填写项目名称、描述、设置属性、初始化文件，最后点击逗创建项目地

安装博客

我们在本地随便找一个盘来安装的 hexo :

$hexo init chenlj-hexo-blog

进入目录文件夹里面，使用 npm install 把 package.json 里面需要的东西都安装好。

接着我们需要在本地先预览一下自己博客的样子，就要先安装 hexo server ：

$ npm install hexo-server --save

安装好之后在命令行里面运行 hexo server ，然后在浏览器的地址栏上面输入localhost:4000 就可看到自己博客的样子。

Hexo全局配置

本地浏览自己的博客没问题后，我们就需要把它部署到 Coding 上了。

1 编辑根目录下 _config.yml 文件，我们找到 deploy 这一项，修改如图：

2 修改好 _config.yml 文件过后，我们还需要安装 hexo-deployer-git 才能够部署到 Coding 上面。

npm install hexo-deployer-git --save

接着我们就生成静态页面和把代码 push 到 Coding 上：

$ hexo clean

$ hexo g

$ hexo d

注意把代码 push 到 Coding 上之前会让你输入你的 Coding 用户名和密码。

如果使用ssh协议需要先配置好公钥。

使用Coding演示

我们进入演示模式的配置页面里：

在开启演示模式之前，会提醒你没有检测到环境，你直接强制开启就可以了。

接着我们在高级选项中把运行环境设为 HTML ，部署版本为 master ，设置访问域名。然后应用内存选用 256M 就足够了。

最后点击一键部署，等待部署成功就行了。

然后你可以访问域名来查看自己是否部署成功了。

设置自动部署

我们在设置里找到 webhook， 然后点击新建 Hook 、

第一个输入框中是填你的博客域名，然后在后面加上 /_ 。

第二个输入框是输入一个 token ，我们直接填写 {{TOKEN}} 就可以了。

回到演示里，在左边的栏目中找到环境变量,变量名填写为 WEBHOOK_TOKEN ，值为 {{TOKEN}} ，接着重新启动应用就 ok 了！

测试自动部署

设置好自动部署之后我们要测试一下是否 push 代码的时候就会自动部署。

创建一个新的文章（可以什么都不写），然后生成静态页面 push 到仓库去：

$ hexo new test

$ hexo g

$ hexo d

我们回到浏览器在输入博客的地址，如果那篇新写好的文章出现在首页了，说明我们自动部署成功了。以后再也不用自己去手动部署一次了！

修改hexo的主题时在mobile.styl里添加样式为什么不起效果

因为你没有安装server模块 hexo g后先安装 在你的blog根目录下npm install 然后你就发现hexo s可以正常使用了

【Hexo】推荐5款简洁美观的主题

原文地址：

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

本文主要推荐几个 hexo 的简洁美观的主题，因此具体安装使用 Hexo 可以看 《官网》 ，这里就不在累赘了。

下面的主题，是从 Hexo 提供的 200 多个主题中里面挑选出来的简洁美观主题。

整体主题是浅色调，带有很 nice 的侧边栏导航目录，DEMO 网站上没有配置留言板，不然就更 nice 了。

没有一些花里胡哨的动画，很简单，页面也没有很复杂的颜色，并且呆着 github 的浏览板。

这个是一个 github 风格的主题，刚看到这个，感觉是不是跳转错地址了，跑到 github 中去了。

这个是翻越 200 多个主题时，第一个被一眼选中的，因为看起来很简单，但是又不丑。

这个主要是首页这个超级超级简单的页面很不错，其他的页面则有比较多的动画。

当然如果这些都不喜欢的话，去主题官网找，应该可以找到你满意的主题。

《三步搞定Hexo留言板功能》

zbloghexo主题的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于zblog导航网主题、zbloghexo主题的信息别忘了在本站进行查找喔。