搭建个人博客
Posted 遗憾梦未枭
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建个人博客相关的知识,希望对你有一定的参考价值。
搭建静态页面个人博客
安装hexo
-
检查电脑是否有node.js
node -v
-
若没有则下载
-
安装npm
npm install -g hexo-cli 这样会报错
解决错误:
Missing write access to /usr/local/lib/node_modules是没有写权限, npm官方给出的解决方案是新建一个有权限的文件夹, 在这个新文件夹中安装npm包. 这个方法不适用于Microsoft Windows系统.
在用户的根目录创建文件夹(名字不一定要是.npm-global, 可以自己起):
mkdir ~/.npm-global
设置npm全局包的安装路径:
npm config set prefix \'~/.npm-global\'
在用户的根目录下查看有没有.profile文件, 如果没有就创建, 然后用文本编辑器打开, 加上以下一行, 保存:
export PATH=~/.npm-global/bin:$PATH
回到终端运行以下命令, 让配置生效:
source /etc/profile
然后全局安装npm包就可以了.
[原文链接
-
将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo
: echo \'PATH="$PATH:./node_modules/.bin"\' >> ~/.profile
-
初始化博客框架
# 选择一个地方新建博客目录
npx hexo init blog
# 生成博客文件夹中的moudle文件夹
npx hexo g
# 进行本机器运行测试
npx hexo server
主题切换
-
去hexo官网下载主题,克隆到自己的仓库下
-
配置自己的站点文件(根目录下的_config.yml,不是主题下的),切换至自己的主题
并且更改语言设置成zh-CN
-
在source文件夹下新建标签文件夹(tags)和分类文件夹(categories)以及about文件夹[内容为个人简介或声明],如果还需要其他的自己可以建,笔记文档放在_posts文件夹内
博客与github挂钩
-
在github上新建一个仓库,仓库名为 自己的github名.github.io
-
在自己的博客目录下的站点配置文件_config.yml中进行配置,在文件的末尾找到并进行修改:
deploy: type: git repo: 仓库名称.git (.git不能少) branch: master
-
安装git部署插件
npm install hexo-deployer-git --save
-
之后
npx hexo cleannpx hexo g# 进行网站部署npx hexo d
-
大功告成
绑定域名
-
先去购买域名
-
进行域名注册
-
再进行域名解析(必要的环节)
- 进入解析页面
- 添加解析
- 在命令行下ping自己的github和博客绑定的仓库
- 得到ip地址之后添加到解析列表
-
进入博客的source目录下,新建名为 CNAME 的文件,在里面写入自己申请的域名
-
进入blog,依次输入
npx hexo cleannpx hexo ghexo d
-
大功告成.
hexo发生error:spawn failed错误的解决方法
- 原文链接
- 问题原因:由于git进行push或者hexo d 的时候改变了一些 .deploy_git 文件下的内容
# 出现错误error:spawn failed...#解决方法1. 删除blog文件夹中的 .deploy_git 文件夹2. 输入 git config --global core.autocrlf false3. hexo clean hexo g hexo d
以上是关于搭建个人博客的主要内容,如果未能解决你的问题,请参考以下文章
使用Node.js+Hexo+Github搭建个人博客(续)