hexo

使用 Travis-CI 持续集成部署 HEXO 博客项目

不打扰是莪最后的温柔 提交于 2019-12-31 07:56:54
What is Travis CI? Travis CI CI(Continuous Integration)翻译为持续集成。Travis CI是一个提供持续集成功能的平台,在Github上,可以添加Travis CI,当有code push时候,会推送通知到Travis,根据设置的脚本运行指定任务。 目前有两个站点: Travis.org 对于所有public项目完全免费 Travics.com 只针对private项目,提供更多一些额外功能,如cache,并行build个数 两个站点只能看到各自的项目,不能通用。 Why we need Travis CI? 有人可能会有疑问: 在本地写完博客,直接一个命令hexo d,不就搞定了么, 为啥要费力搞CI? 的确, 想用TravisCI来自动部署Hexo博客程序,需要不少设置(瞎折腾),为了给大伙信心,列举一些优点: 优点1:直接在线编辑文件,立即生效 假设你已经发表了一篇文章,过了几天你在朋友机器上浏览发现有几个明显的错别字,对于有强迫症的,这是不能容忍的。 但你手头又没有完整的hexo+nodejs+git的开发环境,重新下载git,node,hexo配置会花费不少时间,特别不划算。 如果按照这篇完整折腾完,你可以直接用浏览器访问github个人项目仓库,直接编辑那篇post的原md文件,前后2分钟改完。 稍等片刻

hexo主题中添加相册功能

依然范特西╮ 提交于 2019-12-30 02:54:58
博客已迁移至 http://lwzhang.github.io 。 基本上所有的 hexo 主题默认都没有实现相册功能,一方面相册功能的需求较少,毕竟 hexo 主要是写博客用的;另一方面实现相册功能比较麻烦,比如说: 图片放哪里,放在 source 文件夹中,需要解析成静态文件,图片一旦多的话就会解析的非常慢 怎么批量获取图片 url (文件名),图片那么多,不可能一个一个的手动输入图片 url 等等 所以需要找到一个好的解决方法。 注意:本博客使用的是 yilia 主题,该主题作者 litten 有实现了相册功能,但他是同步 instagram 的图片,我会用不同的方法实现一个相册功能。 新建一个页面 hexo new page "photo" 执行上面命令,会在 source 文件夹中生成 photo 文件夹,打开 photo 文件夹中的 index.md 文件,修改内容如下: title: 相册 noDate: 'true' --- <link type="text/css" href="/fancybox/jquery.fancybox.css" rel="stylesheet"> <div class="instagram"><section class="archives album"><ul class="img-box-ul"></ul></section><

搭建一个属于自己的博客

落花浮王杯 提交于 2019-12-29 09:46:07
1.安装Node.js(过程省略) 2.查看Node.js的版本 node -v 3.查看npm的版本 npm -v 4.切换成国内的打包工具(使用淘宝的) npm install -g cnpm --registry = https://registry.npm.taobao.org 5.查看cnpm的版本 cnpm -v 6.安装博客的框架(hexo) cnpm install -g hexo-cli 7.查看hexo框架的版本 hexo -v 8.安装git(具体步骤省略) 9.创建一个本地目录(最好不要放到c盘) E:/blog 10.初始化hexo hexo init 会自动下载hexo框架 11.启动hexo服务 hexo s s:start server 12.访问 http://localhost:4000/ 13.创建一个自己的博客 hexo n "" 14.创建git的仓库 https://gitee.com/AngeGit/TestBlog.git 15.安装git的部署工具 cnpm install --save hexo-deployer-git 16.修改blog根目录下的_config.yml deploy : type : 'git' repo : https : //gitee.com/AngeGit/TestBlog.git branch :

github 个人博客搭建

假如想象 提交于 2019-12-27 18:49:23
github 个人博客搭建 系统环境配置: 要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 1.安装 node.js 下载地址 node.js 直接双击下载下来的msi文件,一路下一步就ok了,安装完之后调出命令行或者node命令输入终端,输入node -v看到版本信息就表明安装成功了。如果不会就参考 node.js安装 2.安装 git 下载地址 git下载 直接双击下载下来的git安装程序,同node安装,安装完之后右键发现多了两个Git GUI Here 、Git Bash Here,点击后者,然后输入git --version出现版本信息就表明安装成功了。 3.注册 github账号 github 官网 github git 连接github配置: 配置SSH key: 为什么要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。 #检查本机已存在的ssh密钥 $ cd ~/. ssh 如果提示:No such file or directory 说明你是第一次使用git。 #生成 ssh key ssh-keygen -t rsa -C "邮件地址" 然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh

Grouping categories in hexo

别来无恙 提交于 2019-12-25 01:44:51
问题 I would like to group categories in hexo. While the hexo <% list_categories %> helper lists all my categories alright, I would like to group nested categories right. My question is on two levels, first, how do you represent the subcategories in the front matter. In other words, how would I add the subcategories [motosport, cricket, basketball, hockey] into the following front matter. sports is the main category categories: - sports Two, how do I enumerate through all categories and each of

hexo+NexT博客最新定制记录

大兔子大兔子 提交于 2019-12-24 01:10:10
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 最近对hexo和NexT博客又做了一次定制。 1 增加clustrmaps 这回在博客里增加一个clustrmaps的地球点击效果,之前尝试了下,失败了,这回成功显示了。这个功能需要先在这个 网页 注册。效果如图: 后面只需要把对应的代码添加到文件中。有人推荐放到这个路径下:themes\next\layout_partials\footer.swig。这个是放在底部的,最后我是放在了侧边栏下。侧边栏的路径为themes\next\layout_custom\sidebar.swig。也有人放在themes\next\layout_partials\header.swig。但这个路径不适合我目前这个NexT的样式。 2 视频播放 增加了一个视频播放的功能,首先先安装dplayer。 npm install hexo-tag-dplayer --save 然后使用方法如下,给一个样例。详细文档参见 官方地址 {% dplayer key=value ... %} 这里展示一个上海陆家嘴变化的视频。 {% dplayer "url= http://blog.gisersqdai.top/shanghaiurbandevlopment.mp4 " "api= https://api.prprpr.me/dplayer

Node.js ERROR Error: Cannot find module 'bluebird'

99封情书 提交于 2019-12-23 17:27:41
问题 When I try this,it throw an error,how can I solve it? $ hexo generate ERROR Error: Cannot find module 'bluebird' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Module.require (module.js:364:17) at require (module.js:380:17) at Object.<anonymous> (/Users/lihz/blog/node_modules/hexo/lib/hexo/index.js:3:15) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function

Next主题美化博客

非 Y 不嫁゛ 提交于 2019-12-22 17:30:48
1.前言 在 Hexo 中有 2份 主要的配置文件,其名称都是 _config.yml 。 其中,一份位于 博客根目录下 ,主要包含 Hexo 本身的配置 ;另一份位于 themes/next/ 目录下,用于配置 主题相关的选项 。 2.Next主题安装 Hexo安装主题,只需要将主题文件拷贝至博客所在目录的 themes 目录下,修改相关配置文件即可生效。 博客所在目录下打开 git bash Git clone https://github.com/theme-next/hexo-theme-next themes/next 3.启用主题 打开 根目录下的 _config.yml ,查找 theme 字段,将字段改为 theme: next ( 冒号 : 之后要有空格分隔,否则无效 ) theme: next 之后通过 hexo g 和 hexo s ,再在浏览器中访问 localhost:4000 即可本地预览主题效果。 4.设置站点名、作者昵称和站点描述等内容 打开根目录下的_config.yml # Site title: Hongery subtitle: 记录学习中的点点滴滴 description: 直到这一刻微笑着说话为止,我至少留下了一公升眼泪 keywords: author: Hongery language: zh-CN # 主题语言 timezone:

自定义博客添加Rss订阅

落花浮王杯 提交于 2019-12-19 06:15:31
RSS订阅是站点用来和其他站点之间共享内容的一种简易方式,即Really Simple Syndication(简易信息聚合),如果不会使用,可以参见百度百科: https://baike.baidu.com/item/RSS%E8%AE%A2%E9%98%85/663114 ;首先我们安装feed插件,在本地hexo目录下右键 git bash here ,输入以下命令: $ npm install hexo-generator-feed 等待安装完成后,打开hexo目录下配置文件的_config.yml,在末尾添加以下配置: # Extensions ## Plugins: http://hexo.io/plugins/ #RSS订阅 plugin: - hexo-generator-feed #Feed Atom feed: type: atom path: atom.xml limit: 20 随后打开主题配置文件_config.yml,添加以下配置: rss: /atom.xml 至此,RSS订阅功能添加完成 转载:https://www.itrhx.com/2018/08/27/A04-Hexo-blog-topic-personalization/ 个人博客 腾讯云社区 掘金 简书 博客园 GitHub 码云 Segmentfault 公众号: 来源: CSDN 作者

hexo+github搭建个人博客

倾然丶 夕夏残阳落幕 提交于 2019-12-19 03:39:14
hexo+github搭建个人博客 前言 这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免费的空间不用也挺浪费的哈哈哈),可以用来托管博客、项目官网等静态网页。支持 Jekyll、Hugo、Hexo 编译静态资源,这次我们的主角就是 Hexo 了,具体的内容下面在文章内介绍。 下面就开始吧~ 环境准备 准备 node 和 git 环境, 首先,安装 NodeJS ,因为 Hexo 是基于 Node.js 驱动的一款博客框架,相比起前面提到过的 Jekyll 框架更快更简洁,因为天*朝网络被墙的原因尝试过安装 Jekyll 失败而放弃了。 然后,安装 git ,一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。如果 Git 还不熟悉可以参考廖雪峰大神的 Git 教程。npm的安装( 由于新版的NodeJS已经集成了npm,所以nodejs安装完成时npm也一并安装好了。) 两个工具不同的平台安装方法有所不一样,可自行了解按步骤安装,这里不详述了。安装成功后打开git bash(Windowns)或者终端(Mac),下方中将统一称为命令行。 在命令行中输入相应命令验证是否成功,如果成功会有相应的版本号。 git version node -v npm