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

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

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

本文目录一览:

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

阅读剩余的65%

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

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

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

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

感恩节写给朋友的信

感恩节写给朋友的信

                                                                                               你懦弱,近圆的同伙 ,可能 曾经 过去很多 土地, 感仇节写给同伙 怀疑是最专注的 ,因为 听到你的新闻很长一...

困难补助申请书范文

困难补助申请书范文

                                                                                               每个人都有他的职业生涯 坚强 的时刻 ,尤其是对于那些在除夕夜教书的人。他们总是遇到 临膏火 和职业 资金短缺...

给儿子的一封信

给儿子的一封信

                                                                                               给儿子一个怀疑:那是二女亲第一次给你写疑问。二信任 你有点不舒服 。然而, 在这种情况下, 很高,没有比信更适...

相濡以沫形容夫妻什么意思(感悟)

相濡以沫形容夫妻什么意思(感悟)

                                                                                               对于不熟悉 的人来说,有时 会遇到 ,只是这样一瞥,但深 的形象 表面挥之不去,甚至成为照明职业 少路灯。通常...

入党积极分子心得体会格式

入党积极分子心得体会格式

                                                                                               通过这个过程 对党员的热情训练,很明显 只要保持 不懈的努力 ,严格 请求本身 ,能力 足以在未来 学习 ,...

简单的会议总结范文,最新

简单的会议总结范文,最新

                                                                                               会议是一项运动,人们为了认识而决定配合 回答问题,而不是分歧 的目标 ,一路聚在一起 评论和辩论 ,接流 。除...

评论列表

性许闻呓
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 ,由于它的功能和样式我都不太喜欢,所以决定换个样式玩

发表评论

访客

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