武汉加油!中国加油!
因为疫情的原因春节在家宅了好久,折腾了一天也算初步搭好了自己的博客,第一篇就先写个搭建博客的教程吧。
安装环境配置
安装node.js
在 https://nodejs.org/en/ 上下载并且安装最新版本的node.js,之后在命令行中使用以下两个命令查看,若显示版本号则安装成功。
node -v
npm -v
安装Hexo
如果使用的不是校网或者没挂梯子,最好给npm换个源(淘宝源),此步可省略。
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果使用了上一步,以下所有含有 npm
的操作替换为 cnpm
。
接下来安装Hexo
npm install -g hexo-cli
查看Hexo版本
hexo -v
部署本地博客
创建博客
在你想要的位置创建一个空文件夹,命名为blog,然后在命令行中cd到这个目录,运行以下命令:
hexo init
如果卡住,可以尝试使用校网或者挂梯子。
如果出现一个“日志中已存在”的错误,可以尝试用以下命令来清空npm的缓存,之后重来.
npm cache clean --force
本地预览
cd到blog的根目录,键入以下命令:
hexo s
如果出现以下提示则成功(win系统):
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
然后在浏览器中输入 localhost:4000 即可访问本地博客。
将博客推送到远端
推送到github
登录你的github,然后新建一个仓库,注意命名必须为: xxx.github.io(xxx是你的用户名)。
然后点击Create ,会生成一个git地址,复制下来。
然后再打开命令行,cd到刚刚的blog目录,输入命令:
1 | npm install --save deployer-git |
之后打开blog目录下的_config.yml文件,将最底部的deployment的配置改为:
1 | deploy: |
保存退出,在blog目录下输入命令:
1 | hexo d |
即可推送到远端。
然后稍等一会儿,输入xxx.github.io即可访问你的博客。
写文章
在blog->source->_posts目录下仿照已有的 hello-world.md 新建markdown文档,保存退出之后blog目录下输入:
1 | hexo clean //清理 |
然后稍等一会儿就可以看到更新了。
推荐一个换皮肤的地址:https://github.com/litten/hexo-theme-yilia