Hexo搭建 --- 1、搭建 Hexo 博客并部署到 Coding

前言

我一直想搭建一个个人博客,要求就是简洁,支持Markdown,可以显示文章的TOC目录。 寻找的过程中也遇到了很多坑,教程基本上都不完整,或者是直接copy别人的,而且很多教程中是将其部署到github pages上 ,但是介于网速问题,还是选择了国内的Coding。下面先将我的经历给大家分享下。

  • JPress :国产,开源,基于JFinal开发的,主题生态系统正在快速完善中,但是markdown支持不好,所以就放弃了。
  • Ghost : 也很简洁,基于Node.js开发,有后台管理页。与markdown支持不错,但是本人英语不好,Ghost国内站也不再继续更新,虽然基本可以满足我的需求,但是迫于强迫症还是放弃了。
  • Hexo : 很简洁,可以直接生成纯html界面,优点是支持它的环境十分好找,可以直接用githubcoding七牛云存储等静态页面托管,可以省下VPS服务器的费用。

需求条件

  • Windows电脑一台 (没用过Mac,所以无法做Mac的教程)
  • 熟悉Markdown语法 (现学也可以,入门教程 )
  • 耐心 (有耐心按照教程一步一步执行下,不能嫌麻烦就半途而废)

安装Git

下载地址:传送门 这一步最好选择第二项,其他的默认就好

安装完后打开 cmd 输入 git --version 来测试是否安装成功。

安装Node.js

下载地址:传送门 下载安装即可,没有特殊配置,无限下一步。 安装完后打开 cmd 输入 node -v 来测试是否安装成功。

安装Hexo

首先在你电脑上找一个位置来安装Hexo。然后在那个文件夹中打开cmd (shift + 右键)

下载

npm config set registry http://registry.cnpmjs.org #修改安装源为中国镜像。
npm install hexo-cli -g

初始化Hexo

hexo init
npm install
npm install hexo-util --save

测试Hexo

hexo s

然后在浏览器的地址栏上面输入localhost:4000就可看到自己博客的样子。Ctrl + C 可以终止预览

配置Coding

Cdoing官网:https://coding.net/ 注册后创建一个新项目

项目名称,项目描述随意填写,项目选择私有项目。然后点击创建。

然后在电脑桌面右键,打开Git Bash Here

然后配置SSH: 配置shh key是让本地git项目与远程的coding建立联系

  • 检查是否已经有SSH Key,打开Git Bash Here,输入

cd ~/.ssh

  • 如果没有.ssh这个目录,则我们生成一个SSH,输入

ssh-keygen -t rsa -C "你的邮箱"

  • 接下来几步中系统会要你输入密码

Enter passphrase (empty for no passphrase):<输入密码>

Enter same passphrase again:<再次输入密码>

这个密码是在你提交项目给服务器的时候使用的,可以为空,如果为空的话提交项目时则不用输入密码就能提交。

  • 最好看到类似这样的界面,就成功设置ssh key了
  • 然后查看公钥 cat ~/.ssh/id_rsa.pub

然后将这些内容全部复制下来。

  • 回到Coding 添加你的公钥

然后直接把刚才复制的内容粘贴进去,点击添加即可。

  • 设置自己的身份,这里设置自己的名字和邮箱 git config --global user.name "Your Name"
  • git config --global user.email "email@example.com"
  • 在Git Bash Here 中输入 ssh -T git@git.coding.net

如果显示以下则说明coding中的ssh配置成功 Hello username You've connected to Coding.net by SSH successfully!

  • 开启Coding Pages服务 进入你刚才创建的项目。
  • 先在根目录下找到_config.yml文件,并进入编辑。我们找到deploy这一项,修改看下面: # Deployment ## Docs: http://hexo.io/docs/deployment.html deploy: #我们是使用 git 来部署的。 type: git # git 仓库的地址。 repo: https://git.coding.net/xxx/xxxx.git # 分支名称。 branch: master

仓库的地址可以在coding网站上找到,复制过来即可

测试Coding配置

  • 新建一篇文章,并且部署到Coding上面。在Hexo安装路径下打开cmd1hexo new 第一篇文章

然后在给出的路径里打开.md文件,用markdown语法写作即可

  • 在部署之前还有一步,就是要安装一个插件,不然无法部署上去。 npm install hexo-deployer-git --save
  • 发布部署文章 hexo g -d

然后在去Coding上就可以看到部署的文件了

至此,搭建完成。有关Hexo的详细配置,请参阅Hexo官方文档

如本文中有错误,欢迎在评论中进行指正。转账请注明出处,谢谢支持。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏逍遥剑客的游戏开发

C#脚本实践(三): 集成到游戏

1612
来自专栏FreeBuf

你可曾想过在iOS上跑Linux?

你可曾想过在IOS设备上运行Linux系统?或者用shell来传输文件、编写脚本,又或者使用Vi来开发代码?

1382
来自专栏java一日一条

Java线程池的那些事

熟悉java多线程的朋友一定十分了解java的线程池,jdk中的核心实现类为java.util.concurrent.ThreadPoolExecutor。大家...

571
来自专栏张善友的专栏

在Windows上以服务方式运行 MSOPenTech/Redis

ServiceStack.Redis 使用教程里提到Redis最好还是部署到Linux下去,Windows只是用来做开发环境,现在这个命题发生改变了,在Wind...

18710
来自专栏王磊的博客

ORM for Net主流框架汇总与效率测试

框架已经被越来越多的人所关注与使用了,今天我们就来研究一下net方面的几个主流ORM框架,以及它们的效率测试(可能会有遗漏欢迎大家讨论)。 ORM框架:Obje...

2777
来自专栏漏斗社区

Android逆向之动态分析so篇

本期,斗哥将给大家带来Android逆向的动态分析,简述Android动态分析环境配置与IDA调试so文件。

2823
来自专栏刘望舒

React Native探索之环境搭建与Hello World(Windows/Mac)

1514
来自专栏FreeBuf

PowerShell-RAT:一款基于Python的后门程序

今天给大家介绍的是一款名叫Powershell-RAT的Python后门,它可以利用Gmail邮件附件来从目标用户的设备中提取数据。这款RAT可以帮助红队测试人...

1605
来自专栏运维

我用Fedora19 办公

2013年7月2号Fedora19发布了,据说是可以替换Mac和Windows的系统!!!

901
来自专栏数据之美

Ubuntu on Windows10 跨平台开发环境搭建权威指南

程序猿经常争论的一个话题是:日常开发到底 Windows 好还是 Linux 好?进而演化出另一个问题:到底选 MacBook 好还是 SurfaceBook ...

56714

扫码关注云+社区