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 条评论
登录 后参与评论

相关文章

来自专栏林德熙的博客

WPF 使用 VisualStudio 2017 项目文件

在 WPF 如果需要访问项目的文件,如在项目文件放一张图片,需要在 xaml 或后台代码读取,这个就是需要用到本文的技术。

2252
来自专栏运维

我用Fedora19 办公

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

791
来自专栏云计算教程系列

如何在Windows 10上安装Python 3并设置本地编程环境

Python是一种多功能编程语言,可用于许多不同的编程项目。1991年首次出版,其名称灵感来自英国喜剧组织Monty Python,开发团队希望使Python成...

670
来自专栏杨建荣的学习笔记

两个数据访问受限的问题

最近几天实在忙得厉害,处理了各种数据需求,有种顾及不来,而其中有一部分问题是和数据访问相关的,问题的原因很简单,但是分析问题的过程就需要很多的经验,推导...

3366
来自专栏散尽浮华

Git分支管理的策略梳理

当下最流行的版本管理系统应该是非Git莫属。相比同类软件,Git有很多优点,其中很显著的一点,就是版本的分支(branch)和合并(merge)十分方便。有些传...

20110
来自专栏技术小讲堂

使用GUI工具高效构建你自己的Nuget包丰富包的基础信息添加要包含的文件The end

写这篇文章的原因是我在学习构建nuget包的时候,发现了一个官方推荐的GUI工具,而官方的工具介绍文章已经过时,一些地方和现在最新版本的工具有些差异,所以特意利...

2696
来自专栏数据之美

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

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

53914
来自专栏林德熙的博客

通过命令行使用微信

虽然本渣是使用 windows 微信也有 UWP 的,但是微信还是不太清真,所以我就找到一个控制台的微信,可以在控制台使用微信。

2062
来自专栏张善友的专栏

Mono技术规格

企业和 ISV 开发人员可以在 Linux 服务器上运行 .NET 应用程序,还能在 Apache 万维网服务器上运行支持 ASP.NET 2.0、ASP.NE...

1975
来自专栏FreeBuf

你可曾想过在iOS上跑Linux?

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

1102

扫码关注云+社区