Hexo博客搭建;2018.12.07

Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上。并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设置

【准备环境】

1、Git下载、解压安装,https://git-scm.com/(32位)

2、Node.js下载、解压安装,https://nodejs.org/en/(32位)

3、安装Hexo,在命令行(即Git Bash)运行输入命令:

$ npm install -g hexo-cli(安装)

4、初始化Hexo,选择创建Hexo文件夹,在命令行(即Git Bash)依次运行输入以下命令即可:

$ hexo init qianchen(hexo init初始化网站;qianchen自己命名的文件夹)

$ cd qianchen(cd命令用来切换工作目录、进入用户主目录;qianchen自己命名的文件夹)

$ npm install(安装)

新建完成后,在路径下,会产生这些文件和文件夹:

.

├── _config.yml

├── package.json

├── scaffolds

├── source

|   ├── _drafts

|   └── _posts

└── themes

5、启动服务器,在路径下,命令行(即Git Bash)输入以下命令,运行即可:

$hexo server(启动本地服务器)

6、浏览器访问网址: http://localhost:4000/

注意:快捷键Ctrl+C是终止,每个命令先终止再执行

这样,自己的Hexo博客已经搭建在本地。

【实施方案】

方案:GithubPages

1、创建Github账号

2、创建仓库, 仓库名为:qqccjy.github.io

3、将本地Hexo博客推送到GithubPages

3.1、安装hexo-deployer-git插件。在命令行(即Git Bash)运行以下命令即可:

$ npm install hexo-deployer-git --save(npm install安装;hexo-deployer-git --save部署网站)

3.2、添加SSH key
创建一个 SSH key 。在命令行(即Git Bash)输入以下命令, 回车三下(或回车三下以上代码显示内容)即可:

$ ssh-keygen -t rsa -C 18552371475@163.com(若代码显示后面有(y/n)?,要输入y)

添加到 github。 复制密钥文件内容[路径形如C:\Users\Administrator.ssh\id_rsa.pub(就是在C盘 >用户 > Administrator> ssh >id_rsa.pub里面)],粘贴到New SSH Key即可。

测试是否添加成功。在命令行(即Git Bash)依次输入以下命令,返回“You’ve successfully authenticated”即成功:

$ ssh -T git@github.com

$ yes(yes在前面ssh -T git@github.com命令显示出来提示就可以接着输入 ; 若直接显示“You've successfully authenticated”且成功,可不输yes)

3.3、 修改_config.yml[在站点目录下(就是D盘 >hexo >qianchenblog >_config.yml的文件里,打开)]。文件末尾修改为:

#Deployment

##Docs:http://hexo.io/docs/deployment.html

deploy:

  type: git

  repo: git@github.com:qqccjy/qqccjy.github.io.git

  branch: master
注意:上面仓库地址写ssh地址,不写http地址。

3.4、 推送到GithubPages。在命令行(即Git Bash)依次输入以下命令, 返回INFO Deploy done: git就成功推送:

$ hexo g(生成)

$ hexo d(部署;可与hexo g合并为 hexo d -g)

4、等待1分钟左右,浏览器访问网址: https://qqccjy.github.io

现在,您的Hexo博客已经搭建在GithubPages, 域名为https://qqccjy.github.io

【博客发布】

编写之前先到_config.yml文件夹右击Git Bash Here开启,输入命令$ hexo server启动;然后编写 > 发布;最后再到_config.yml文件夹右击Git Bash Here开启,输入命令$ hexo d -g

【博客上传添加图片】

首选打开上传添加图片用的网站https://sm.ms/;然后点击Browse...把要添加的图片拖到Drag & drop files here …大空格里去;接着点击Upload上传图片;最后复制Markdown下面的链接、再粘贴到正在编写的博客笔记位置即可完成

博客官方网站:https://hexo.io/zh-cn/

编写博客:http://localhost:4000/admin/#/

博客本地预览:http://localhost:4000/

我的博客:https://qqccjy.github.io/

博客上传添加图片网站:https://sm.ms/

文章目录
  1. 1. Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上。并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设置
    1. 1.0.1. 注意:快捷键Ctrl+C是终止,每个命令先终止再执行
    2. 1.0.2. 注意:上面仓库地址写ssh地址,不写http地址。
,