当前位置:首页 > 联系黑客 > 正文内容

hexo黑客主题(hexo主题开发教程)

hacker2年前 (2023-01-14)联系黑客114

本文目录一览:

Hexo切换NexT主题

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 关键字,可以看到有四种,你可以都试一试,选择自己喜欢的。

这个主题的一些详细设置,比如添加菜单、添加分类什么的,可以看 官方文档 ,讲的很详细。

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主题one用不了

1、hexo主题one用不了首先在hexo主题页面内。

2、然后点击左边的六边形。

3、接着点击右下边安卓的图标。

4、最后就退出hexo主题页面了,就完成了。

如何使用 Jacman 主题

参考:

主题介绍

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,也需要您根据以下指南进行相应的修改。

扫描二维码推送至手机访问。

版权声明:本文由黑客平台在线接单_免费黑客平台的网站发布,如需转载请注明出处。

本文链接:http://heikexuexi.com/69694.html

分享给朋友:

“hexo黑客主题(hexo主题开发教程)” 的相关文章

防溺水心得体会

防溺水心得体会

                                                                                               每年到了天气 的时候,很多 人都会在河边或者火库旁边玩。然而, 在那个时候很容易形成溺水 产生 。每年暑假和寒...

 个人总结怎么写

个人总结怎么写

                                                                                               小我 总结是对小我 事物 思维 状态 的真实反应 ,也是记录 小我 成少成长 的轨迹。除夕 姐姐下去说,小我...

个人培训心得体会总结500字

个人培训心得体会总结500字

                                                                                               每个进入工作场所的伙伴 都应该经历过训练环节。对于 宽 上班族来说,培训环节是一种晋升 的渠道叙述,也是一种经...

烈士陵园参观心得体会

烈士陵园参观心得体会

                                                                                               参不雅 之后,许多 人的口外信任都被感动了。以下是对 野生整顿 的 陵墓 参不雅 口腔患者的理解 范文。愿望...

安全教育心得体会

安全教育心得体会

                                                                                               平安 是每个野庭都邑 提到的一个话题,所以昨天就给大年夜 野看看之前整改过的 平安 学育口吃领会 范文,愿望...

祝福语妇女节

祝福语妇女节

                                                                                               祝灾是人与人之间关闭关系的主要纽带。一份真诚的祝灾是否会让亲戚同伙感受到感染 感受到亲热 战争的温暖的温暖和...

评论列表

性许闻呓
2年前 (2023-01-15)

署到 Coding 上面。npm install hexo-deployer-git --save接着我们就生成静态页面和把代码 push 到 Coding 上:$ hex

余安雾夕
2年前 (2023-01-15)

本文目录一览:1、Hexo切换NexT主题2、hexo 的主题需要升级怎么办3、hexo主题one用不了4、如何使用 Jacman 主题Hexo切换NexT主题Hexo默认的主题是 landscape ,由于它的功能和样式我都不太喜欢,所以决定换个样式玩

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。