博客搭建

2018-03-30

字数统计: 788字 | 阅读时长≈ 3分

首先,公开博客既然可以被外部访问,那么肯定就需要服务器.这里以搭建在github为例,当然也可以选择码云或者其他的平台.

这里有个注意事项,创建的仓库名字必须同github的用户名一致(非昵称), 仓库全称格式:<username>.github.io

如果这里的仓库名全称格式错了, 那么可能出现的情况是本地预览正常,但是部署上去查看会显示页面404,详情可以去github的Help->User, Organization, and Project Pages里面查看会有细节说明,或者查阅此文404问题解决方案

homebrew安装 brew官网

1	$/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

nodejs安装

1	$brew install node

hexo安装

1	$sudo npm install hexo-cli -g // 全局安装指令

注意事项: 如果已经有安装过nodejs, 如react-native; 可能会出现电脑重启后, hexo不能全局执行或是关联版本等问题. 此处可以安装 nvm解决, 安装指令$brew install nvm

环境搭建可参考文章:

指令$hexo new "文件名/文章名" //这是个md文件

生成的文件路径在主目录 -> source -> _posts下面

$hexo new "文件名/文章名" // 这是个md文件
$hexo clean    // 清理缓存
$hexo generate // 生成静态页面
$hexo server   // 开启本地预览服务 地址:localhost:4000
$hexo deploy   // 部署博客

Mac/Linux如何查找应用所安装路径

1.查询运行文件所在路径

1 2	$which hexo /Users/Mac/.nvm/versions/node/v13.12.0/bin/hexo // 查询hexo的安装路径

2.查看文件安装路径：
由于软件安装的地方不止一个地方，所有先说查看文件安装的所有路径(地址)。

这里以Android为例。比如说我安装了Android，但是不知道文件都安装在哪些地方、放在哪些文件夹里，可以用下面的命令查看所有的文件路径
在终端输入：

1	$whereis android // 验证时,无打印,这里备注下吧

3.关于文章中图片引用方式

验证发现![](/images/image.jpg) 加载无效

最后总结还是推荐使用图床工具 iPic

1.部署时git报错

1 2	$hexo deploy ERROR Deployer not found: git

解决方案:
先执行$npm install --save hexo-deployer-git
再执行$hexo deploy

2.插件安装丢失问题

1
2
3

$hexo clean   
ERROR Plugin load failed: hexo-renderer-stylus
Eoor: EISDIR: illegal operation on a directory, read

解决方案:
丢失什么安装什么就好了$sudo npm install hexo-renderer-stylus

3.邮箱跳转问题

默认配置

mail: xxx@qq.com

解决方案:

mail: mailto:970216474@qq.com  // 关键字段 mailto: