当前博客是通过 Hexo搭建而成! 同时这篇文章也是新博客的第一篇所以想记录一下Hexo搭建总结和所需要的常用命令。
Hexo发表博客文章
新建一篇文章
(1)在Git Bash命令窗口下cd到hexo博客目录下输入命令:
1 | hexo new "新发表文章" |
(2)执行完毕后再 \hexo\blog\source_posts 目录下回出现 “新发表文章.md”
(3)在”新发表文章.md”文件里编辑基本属性:
1 | title: 新发表文章(可以自定义文章标题) |
(4)删除文章,进入到source / _post 文件夹中,找到文章文件,在本地直接执行删除然后依次执行hexo g
生成静态页面检查是不是删除了
启动服务 本地测试
清除缓存文件
1 | hexo clean |
启动服务,本地访问地址:http://localhost:4000/
1 | hexo s |
生成静态页面,部署到服务器
将本地部署到服务器在blog目录右键git Bash
清除缓存文件
1 | hexo clean |
生成静态页面或者简写hexo g
1 | hexo generate |
将本地静态页面目录部署到云服务器或者简写hexo d
1 | hexo deploy |
添加“阅读全文”按钮
在文章需要显示截止位置添加即可(没有添加也会有默认的,但是有些文章不自己添加会出现代码部分会超出页面显示范围)
1 | <!--more--> |
在文章中添加图片
方法一:
(1)在hexo目录下,安装插件:
1 | npm install hexo-asset-image --save |
(2)在hexo\source 目录下新建一个images文件夹,把图片放置在里面
(3)在”新发表文章.md”文件中引用图片:
1 | ![test]( images/test.jpg) |
方法二:
(1)在全局配置文件(hexo/_config.yml)中将post_asset_folder设置为true;
(2)在新建文章hexo new "XXX"
后在hexo/source/_post目录下,生成一个”XXX.md”文件和一个XXX的文件夹
(3)把这个博文需要展示的图片放在XXX文件夹目录下
(4)文章引入图片的方式为XXX.md文件中添加下方代码并且修改需要显示的图片名称:
1 | {% asset_img xxx.jpg This is an xxx image %} |
修改Hexo操作
修改主题的页面结构
在”/blog/themes/neixt/layout/_partial”目录下找到需要修改的组件文件进行修改
用hexo搭的博客,但是代码tab缩进是8格,怎么改过来?
把站点配置文件 _config.yml 里的 tab_replace 改成四个空格(注意用引号括起来)
##设置hexo首页只显示部分摘要(不显示全文)
###修改配置
首先需要在Next主题的_config.yml中把设置打开:(默认安装时就打开了)
1 | # Automatically excerpt description in homepage as preamble text. |
###方法一:写概述
在文章的front-matter中添加description,其中description中的内容就会被显示在首页上,其余一律不显示。
1 | --- |
###方法二:文章截断
在编辑文件需要显示的部分加上下方
1 | <!--more--> |
hexo 国内无法显示gravatar头像
由于被墙所以把地址改成下方即可
1 | avatar_cdn: https://cdn.v2ex.com/gravatar/ #头像cdn |
hexo 创建一个不受主题渲染的独立页面
将文章或页面设置为不受主题渲染:
1、打开根目录下的配置文件:_config.yml
2、找到 skip_render: 配置
设置单篇文章不受渲染:
1 | skip_render: "_post/test-post.md" |
设置多篇文章不受渲染:
1 | skip_render: |
\source\about 里所有的文件将跳过渲染
1 | skip_render: about\** |
hexo 在本地环境搭建一个新的主题环境
新建一个放项目的文件夹,输入命令搭建hexo框架