Npm设置淘宝源
安装node.js http://nodejs.cn/download/
设置淘宝源
1
npm config set registry http://registry.npm.taobao.org/
检查是否更换成功
1
npm config get registry
安装Hexo
安装hexo
1
npm install -g hexo-cli
建站初始化
1
2
3
4hexo init myblog
cd myblog
npm install
hexo s
安装 NexT
1 | git clone https://github.com/theme-next/hexo-theme-next themes/next |
调整Scheme Settings
1
2
3
4
5# Schemes
# scheme: Muse
scheme: Mist
# scheme: Pisces
# scheme: Gemini设置语言
1
language: zh-Hans
让 Hexo Next (v8.0.0) 支持 LaTeX 数学公式
1 | brew install pandoc |
Hexo博客添加搜索功能
显示图片
- 安装插件:
在博客的根目录下执行:
npm install hexo-asset-image --save
或npm install hexo-asset-image --g
- 修改站点配置文件_config.yml: 找到
post_asset_folder
,把值改成 true,这样在执行hexo new page
的时候,会在source/_posts文件夹下生成一个和page同名的文件夹,可以存放该page中用到的图片 - 插入本地图片
<img src="image.png" width="100%" height="100%" title="demo" alt="demo"/>
嵌入Html文件
在markdown中使用iframe,同样和插入图片方式大同小异我们创建一个和md文件一模一样名字的文件夹,把要插入的html文件放入其中就行,不需要绝对路径。
<iframe src="filename.html" width="700" height="800"></iframe>
但是这时候就有一个问题,hexo会自动扫描所有_source文件夹中的文件,那么html文件就会被扫描到从而被渲染后上传到博客里,我们不希望有重复的内容,那么应该如何让hexo跳过扫描呢?
在根目录下的_config.yml
配置过滤
1 | # 跳过文件夹下所有文件 |