倒腾了2天算是把小窝安顿下来了,下面我就傻瓜式地讲解:如何免费搭建自己的博客.
(HEXO + Github + Mac)
在开始之前先弄清楚几个概念,因为毕竟我(们)是小白.
相关概念
Hexo是什么
Hexo一款博客框架,一款支持Markdown的可拓展性框架.(简而言之,写博客只需要编辑.md文件,Hexo帮你解释成HTML前端页面)
Markdown是什么
一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。(Markdown有自己的语法,按照语法进行博客编辑即可)
Github是什么
软件项目的托管平台.(这里我们需要将hexo搭建的博客部署到github,这样别人就能访问了)
在开始之前,你需要一个账号,去https://github.com注册一个自己的github账号吧,开启新世界的大门.
那么,下面我们开始:
配置环境
1.安装Node(必须)
作用：用来生成静态页面的. 到Node.js官网下载相应平台的最新版本，一路安装即可。
2.安装Git(必须)
如果你有xcode那么恭喜你已经安装好Git.如果没有,那么去Git安装教程.(Git是免费、开源的分布式版本控制系,svn是经典的集中式版本控制系统).
3.正式安装HEXO
Node和Git都安装好后，可执行如下命令安装hexo :(打开终端直接输入)
$ sudo npm install -g hexo
创建本地博客
上面已经安装好必要的环境配置,下面开始创建你的博客.
1.初始化
创建一个文件夹，如：Blog，cd到Blog里执行hexo init的。命令：
hexo init
那么,恭喜你,你的本地博客至此已经创建好了.(纳尼😱?)
是的没错,可是,我的本地博客在哪里呢?闲话少说,我们继续~~
2.生成静态页面
打开终端,cd到你的Blog目录下,执行如下命令:
hexo generate （hexo g 也可以）
3.本地启动
仍然在你的Blog目录下.
启动本地服务，进行文章预览调试,执行如下命令:
hexo server
浏览器输入http://localhost:4000(这就是你的本地博客了~~)
虽然很简陋，但好歹有了一个属于自己的小窝了。本地已经简单的设置好了，但是现在域名和服务器都是基于自己的电脑，接下来需要跟github进行关联。
配置Github
1.建立Repository
建立与你用户名对应的仓库，仓库名必须为【your_user_name.github.io】，固定写法 (your_user_name 替换成你的 Github账户的 username)
2.和本地建立关联
然后建立关联，终端cd到你的Blog目录下,文件有以下：
Blog
｜
｜－－ _config.yml
｜－－ node_modules
｜－－ public
｜－－ source
｜－－ db.json
｜－－ package.json
｜－－ scaffolds
｜－－ themes
现在我们需要_config.yml文件，来建立关联，双击打开该文件,并翻到最下面，增加如下配置:(注意： : 后面要有空格.切记切记!!!这里曾经坑了我)
deploy:
type: git
repository: https://github.com/your_username/your_username.github.io.git (your_username替换成你的Github账户名)
branch: master
修改完成后记得保存_config.yml文件.
3.将本地Blog部署到Git
然后执行如下命令才能使用git部署:
npm install hexo-deployer-git --save
最后,执行部署命令:
hexo deploy
至此,你的本地Blog已经部署到git了,然后在浏览器中输入http://your_username.github.io/就行了
(your_username替换成你的Github账户名).
每次部署的步骤，可按以下三步来进行。
hexo clean
hexo generate
hexo deploy
写在最后
这里为了避免混淆,并没有介绍如何发布博客,修改主题等等配置相关的部分.
Tips
Hexo语法与使用 官网:https://hexo.io
Markdown 基本语法 Cmd Markdown 简明语法手册
Windows10搭建Hexo: 简书 https://www.jianshu.com/p/3f2fe426edff
本文内容源自:简书 https://www.jianshu.com/p/465830080ea9
网友评论