个人博客搭建指南（一）

Posted on | In |
Words count in article: 592 | Reading time ≈ 3

本文主要介绍如何在自己的电脑上搭建博客系统，先建立小小的成就感

系列文章：http://t.cn/RSSaUQt

环境准备

安装node.js

官网地址：https://nodejs.org/en/

安装

1
$ brew install node

检测

1
2
3
4
5
$ node -v
v6.10.0

$ npm -v
3.10.10

切换镜像源

由于某些原因，直接从官网安装模块比较慢，经常性地安装失败，最好切换到国内的淘宝镜像源来，

1
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装hexo

搭建博客的核心框架，通过它就可以让我们在不需要编码的情况下搭建好自己的博客，官网地址：https://hexo.io/

安装

1
$ sudo npm install hexo-cli -g

检测

1
2
3
4
5
6
7
8
9
10
11
$ hexo -v
os: Darwin 16.6.0 darwin x64
http_parser: 2.7.0
node: 6.10.0
v8: 5.1.281.93
uv: 1.9.1
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 58.2
modules: 48
openssl: 1.0.2k

搭建博客

创建博客目录

1
2
3
$ hexo init myBlog  # myBlog 为博客目录名称，名称可依据自己喜好自行定义
$ cd myBlog         # 进入到 myBlog 目录
$ npm install       # 安装模块

生成默认网页

1
$ hexo clean && hexo g

浏览器访问

1
2
3
$ hexo s

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

浏览器访问 http://localhost:4000/

如若看到如下效果，恭喜搭建成功！

发表你的第一篇文章

创建博文

1
2
$ cd myBlog 				 # 进入的之前创建的博客目录下
$ hexo new "我的第一篇博文"	# 创建博文

编辑博文内容

  • 学习前置技能——Markdown语法

    • Markdown 是一种书写的格式，用Markdown编辑文档，不仅简单，而且排版清晰明了
    • Markdown 语法学习地址，推荐：https://maxiang.io/
    • Markdown 文档编辑器，推荐：http://typora.io

  • 使用 typora 打开上一步创建文档 我的第一篇博文.md，目录地址： myBlog/source/_posts

  • 按照你掌握的Markdown语法，开始写文档吧

发布

1
2
3
$ cd myBlog
$ hexo clean && hexo g  # 重新构建，生成静态文件
$ hexo s                # 启动博客服务

再次访问 http://localhost:4000/

hexo 常用命令学习

详见：http://t.cn/R5x40qE

1
2
3
4
$ hexo init [folder]    # 新建一个网站
$ hexo clean            # 删除本地静态文件
$ hexo g            	# 生成静态文件
$ hexo s            	# 本机运行博客系统
请我喝半杯☕️