Hexo默认的主题是 landscape ,由于它的功能和样式我都不太喜欢,所以决定换个样式玩玩。
找Hexo主题的话可以去Github搜索 hexo-theme ,然后都点进去看看,挑一个自己喜欢的样式;一般主题下都有使用教程。
这里以 hexo-theme-next 为例。
执行以下命令会把 NexT 主题clone到博客的 themes/next 目录下。
然后将Hexo根目录下的 _config.yml 里面的 theme 设置成 next :
然后 hexo s 启动服务器,刷新自己的博客发现样式已经变了。下一步我们将要更改一些主题的设定,包括个性化以及集成第三方服务
NexT可以通过Scheme提供多种不同的外观,Scheme 的切换通过更改 themes/next 目录下的 _config.yml 文件,搜索 scheme 关键字,可以看到有四种,你可以都试一试,选择自己喜欢的。
这个主题的一些详细设置,比如添加菜单、添加分类什么的,可以看 官方文档 ,讲的很详细。
创建项目
你需要在 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
我们回到浏览器在输入博客的地址,如果那篇新写好的文章出现在首页了,说明我们自动部署成功了。以后再也不用自己去手动部署一次了!
1、hexo主题one用不了首先在hexo主题页面内。
2、然后点击左边的六边形。
3、接着点击右下边安卓的图标。
4、最后就退出hexo主题页面了,就完成了。
参考:
主题介绍
Jacman 是一款扁平化,有着响应式设计的 Hexo 主题。本站正式使用了 Jacman 主题。Jacman 基于Pacman 主题修改而来,目前已有很多特性与原主题不同。你可以前往 本站 和 Demo 预览更多关于本主题的更多效果。如果你有任何问题或意见欢迎到 GitHub 发表 issue。
距离当初我把 Jacman 开源至今已有半年零一周了,在这半年里也一直保持着对 Jacman 的更新。看到很多人用这款主题,forkstar 数也越来越好看,我也更有动力继续完善 Jacman。Jacman 自然还有很多改进空间,首先是文档问题,有许多人通过博客、微博、QQ 询问我有关主题的问题,我也意识到之前写的帮助手册可读性太差。正好趁着这次 Jacman 大更新,写篇更详尽、readable 的手册。
安装指南
安装
在博客根目录下执行如下命令。
$ git clone themes/jacman
Jacman 需要安装 Hexo 2.7 及以上版本,请先升级您的 Hexo 程序,再启用此主题。
启用
修改你的博客根目录下的_config.yml配置文件中的theme属性,将其设置为jacman。同时建议设置stylus属性中的compress值为true,会自动压缩 CSS 文件,hexo默认配置中不包含这一项,建议开启。如下。
theme: jacman
stylus:
compress: true
更新
cd themes/jacman
git pull origin master
请先备份您主题目录下的 _config.yml 文件后再升级。
配置指南
Jacman 主题提供了丰富的配置属性,可以实现您对主题的自定义。配置文件_config.yml位于主题根目录下。本次更新对配置文件进行了较大调整,如您之前就使用了 Jacman,也需要您根据以下指南进行相应的修改。
你懦弱,近圆的同伙 ,可能 曾经 过去很多 土地, 感仇节写给同伙 怀疑是最专注的 ,因为 听到你的新闻很长一...
每个人都有他的职业生涯 坚强 的时刻 ,尤其是对于那些在除夕夜教书的人。他们总是遇到 临膏火 和职业 资金短缺...
给儿子一个怀疑:那是二女亲第一次给你写疑问。二信任 你有点不舒服 。然而, 在这种情况下, 很高,没有比信更适...
对于不熟悉 的人来说,有时 会遇到 ,只是这样一瞥,但深 的形象 表面挥之不去,甚至成为照明职业 少路灯。通常...
通过这个过程 对党员的热情训练,很明显 只要保持 不懈的努力 ,严格 请求本身 ,能力 足以在未来 学习 ,...
会议是一项运动,人们为了认识而决定配合 回答问题,而不是分歧 的目标 ,一路聚在一起 评论和辩论 ,接流 。除...