hexo

Hexo + Github 搭建个人主页

纵然是瞬间 提交于 2019-12-01 05:06:42
全局安装 hexo sudo npm install -g hexo 初始化 新建文件夹,进行初始化,并在本地安装必要组件。 hexo init npm install 生成如下目录: . ├── _config.yml ├── node_modules/ ├── package.json ├── scaffolds/ ├── source/ | ├── _drafts | └── _posts └── themes/ _config.yml 站点配置文件,全局配置都在这个文件中。 node_modules 依赖模块。 package.json 应用数据。hexo 相关信息及依赖的一些组件。 scaffolds 模版文件。当创建一篇新的文章时,hexo 会依据模版文件进行创建。 source 资源文件夹。包括发表在站点的文章、图片和文件等等。 themes 主题文件夹。 生成页面 hexo genearate 这个命令将 md 格式的内容生成静态网页,可简写为 hexo g。 启动本地服务,预览页面 hexo server 打开 localhost: 4000,页面已经可以访问。 配置 Github 进入 github,建立与用户名对应的仓库,仓库名必须为 username.github.io 。这是由于 github 上的个人账户必须使用唯一且特定的库来创建 Github

hexo.【转】添加分类及标签

浪子不回头ぞ 提交于 2019-12-01 04:28:28
1、Hexo使用攻略-添加分类及标签 - 简书.html( https://www.jianshu.com/p/e17711e44e00 )  ZC:我在 默认主题landscape 下测试的,也是显示OK的。 2、 1、创建“分类”选项 1.1 生成“分类”页并添加tpye属性 打开命令行,进入博客所在文件夹。执行命令 $ hexo new page categories 成功后会提示: INFO Created: ~/Documents/blog/source/categories/index.md 根据上面的路径,找到 index.md 这个文件,打开后默认内容是这样的: --- title: 文章分类 date: 2017-05-27 13:47:40 --- 添加 type: "categories" 到内容中,添加后是这样的: --- title: 文章分类 date: 2017-05-27 13:47:40 type: "categories" --- 保存并关闭文件。 1.2 给文章添加“categories”属性 打开需要添加分类的文章,为其添加categories属性。下方的 categories: web前端 表示添加这篇文章到“web前端”这个分类。注意:hexo一篇文章只能属于一个分类,也就是说如果在“- web前端”下方添加“-xxx”

hexo干货系列:(三)hexo的Jacman主题优化

别来无恙 提交于 2019-12-01 00:54:17
上一篇介绍了Jacman主题的安装和配置,今天根据上次的基础做了些优化,让博客看起来很舒服。 正文 首页文章展示摘要 该主题首页文章列表默认是全部展开,感觉不好,我关闭掉了,只展示少量摘要。 修改 themesjacman 下面 _config.yml 中的 expand 改成 false 即可 123 index: expand: false excerpt_link: Read More 主题背景色修改 我给主题添加了个背景图片,看清来很文艺 修改 themesjacmansourcecss_base 下的 public.styl ,找到body,添加 background-image url('/img/bg.jpg') ,图片放在 themesjacmansourceimg 即可 123456789101112 body background color-background background-image url('/img/bg.jpg') font-family font-default font-size font-size color color-font line-height line-height min-height: 100vh display: -webkit-flex display: flex -webkit-flex-direction:

hexo干货系列:(三)hexo的Jacman主题优化

你说的曾经没有我的故事 提交于 2019-12-01 00:30:46
上一篇介绍了Jacman主题的安装和配置,今天根据上次的基础做了些优化,让博客看起来很舒服。 正文 首页文章展示摘要 该主题首页文章列表默认是全部展开,感觉不好,我关闭掉了,只展示少量摘要。 修改 themesjacman 下面 _config.yml 中的 expand 改成 false 即可 123 index: expand: false excerpt_link: Read More 主题背景色修改 我给主题添加了个背景图片,看清来很文艺 修改 themesjacmansourcecss_base 下的 public.styl ,找到body,添加 background-image url('/img/bg.jpg') ,图片放在 themesjacmansourceimg 即可 123456789101112 body background color-background background-image url('/img/bg.jpg') font-family font-default font-size font-size color color-font line-height line-height min-height: 100vh display: -webkit-flex display: flex -webkit-flex-direction:

hexo 插入视频和音乐播放器

有些话、适合烂在心里 提交于 2019-12-01 00:23:31
Markdown 通用音乐/视频插入方法 Markdown 作为轻量级的标记语言,兼容 html 语法,所以可以直接在 Markdown 文档中使用 html 语法。 <vedio> 标签举例: 123 <video width="480" height="320" controls><source src="movie.mp4"></video> <embed> 标签举例: 1 <embed src="http://player.youku.com/player.php/Type/Folder/Fid/27690810/Ob/1/sid/XMTY1MTI3NjMyNA==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed> javascript 标签举例: 1 <script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js

用Hexo和GitHub搭建博客

橙三吉。 提交于 2019-12-01 00:22:43
网上用 Hexo 配合 GitHub 搭建个人博客的文章已经有不少了,不过还是简单写一下这个博客搭建的过程。 第一步:准备一个GitHub账号以及仓库 首先去注册一个 GitHub 账号(如果没有的话)。 现在账号有了,之后就是必须得准备一个 GitHub 仓库(respository); 首先点击 New Respository (首页右边或者点左上角的+号展开按钮选择)进入创建页面: 输入: 你的GitHub用户名.github.io 创建一个博客用的仓库,注意必须是这个格式的,不能随意起名,并且注意是 github.io 而不是 github.com ,你的用户名就是显示在斜杠前面的那个。 第二步:安装Git和Node.js Git 和 Node.js 都是 Hexo 所依赖的环境,这边安装都是按照OSX来写,Windows的话可能终端命令上会有稍许不同,可以去 Hexo官方文档 查阅安装说明。 Git 其实OSX自带了,如果没有的话直接安装一个命令行的 Git 即可。 Node.js 的话去 官网 下一个 LTS 版的安装程序安装即可。 第三步:安装Hexo Hexo 其实是一个基于 Node.js 写的框架,所以之前安装 Git 和 Node.js 都是为了安装 Hexo 做准备。 在终端中输入: 1 sudo npm install -g hexo-cli 等待

Hexo主题indigo添加来必力评论

谁说胖子不能爱 提交于 2019-12-01 00:20:55
indigo现有两个主题分支,本博客用的是card分支 默认hexo-theme-indigo-card的1.6.14版是没有内置来必力评论的。网上也搜不到相关教程,只好自己增加了。 在 themeshexo-theme-indigo-cardlayout_partialpost 目录里,修改 comment.ejs 文件 添加以下句 <%- partial('../plugins/livere') %> 在 themeshexo-theme-indigo-cardlayout_partialplugins 目录里,新建 livere.ejs 文件,内容如下 <% if (theme.livere_uid){ %> <section class="comments" id="comments"> <div id="lv-container" data-id="city" data-uid="你的来必力ID"> <script type="text/javascript"> (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = 'https://cdn

Hexo主题indigo添加来必力评论

时光怂恿深爱的人放手 提交于 2019-12-01 00:17:33
indigo现有两个主题分支,本博客用的是card分支 默认hexo-theme-indigo-card的1.6.14版是没有内置来必力评论的。网上也搜不到相关教程,只好自己增加了。 在 themeshexo-theme-indigo-cardlayout_partialpost 目录里,修改 comment.ejs 文件 添加以下句 <%- partial('../plugins/livere') %> 在 themeshexo-theme-indigo-cardlayout_partialplugins 目录里,新建 livere.ejs 文件,内容如下 <% if (theme.livere_uid){ %> <section class="comments" id="comments"> <div id="lv-container" data-id="city" data-uid="你的来必力ID"> <script type="text/javascript"> (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = 'https://cdn

hexo 插入视频和音乐播放器

余生长醉 提交于 2019-12-01 00:14:54
Markdown 通用音乐/视频插入方法 Markdown 作为轻量级的标记语言,兼容 html 语法,所以可以直接在 Markdown 文档中使用 html 语法。 <vedio> 标签举例: 123 <video width="480" height="320" controls><source src="movie.mp4"></video> <embed> 标签举例: 1 <embed src="http://player.youku.com/player.php/Type/Folder/Fid/27690810/Ob/1/sid/XMTY1MTI3NjMyNA==/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed> javascript 标签举例: 1 <script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=32329501&sid=1776238762&mode=js

Hexo主题indigo添加来必力评论

。_饼干妹妹 提交于 2019-12-01 00:13:17
indigo现有两个主题分支,本博客用的是card分支 默认hexo-theme-indigo-card的1.6.14版是没有内置来必力评论的。网上也搜不到相关教程,只好自己增加了。 在 themeshexo-theme-indigo-cardlayout_partialpost 目录里,修改 comment.ejs 文件 添加以下句 <%- partial('../plugins/livere') %> 在 themeshexo-theme-indigo-cardlayout_partialplugins 目录里,新建 livere.ejs 文件,内容如下 <% if (theme.livere_uid){ %> <section class="comments" id="comments"> <div id="lv-container" data-id="city" data-uid="你的来必力ID"> <script type="text/javascript"> (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === 'function') { return; } j = d.createElement(s); j.src = 'https://cdn