Hexo+coding搭建博客

简介: 业界早有大佬说过,写博客大抵会经过三个阶段:第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。

业界早有大佬说过,写博客大抵会经过三个阶段:

第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。
第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。
第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

是时候表演真正的技术了。

建博客就是搭建了一个小型的网站,无非是编写html然后找一个免费的空间把html挂上去,给大家看。

但是,我希望我只专注于写文章,然后html自动生成,于是我就用了hexo这个工具,免费的空间,可以用大名鼎鼎的github,国内同类的开源中国旗下 码云,还有一个coding。
由于我大天朝有防火墙,github网速不怎样,码云不支持绑定域名,所以我选择了coding,香港服务器,国内外速度都挺好。

介绍下怎么使用hexo吧。

学习基础:

  1. 前端开发基础:html,javascript,css,nodejs
  2. 建网站基础:购买域名,发布网站。
  3. git使用基本技能。
  4. makedown写作语法。
  5. 基本的命令行。

一、安装 nodejs

官网下载安装就行https://nodejs.org/

二、安装 git

git 的软件很多,选一款你自己适应的就行。
我用过,小乌龟tortoisegit,github,git,eclipe插件,idea插件,等等

hexo也有自带的,不装也行。
为什么要安装 git 呢?客观的原因也没有深究。且来说说主观原因吧。

三、安装 hexo

管理员权限,命令行:npm install -g hexo-cli,就安装好了,然后创建博客就行了。

hexo init <folder>
cd <folder>
npm install
img_d9fc50fd8fa9fc942b777da97700325f.png

更多详细配置看这里 https://hexo.io/zh-cn/docs/

五、切换主题

hexo 官方提供了大量的优秀主题可以更换,当然也可以选择自己去写一个主题出来。
我在官网看到一个

Next

主题,甚是喜欢,毫不犹豫就把主题给换了。

  1. 主题代码拷贝
    主题的拷贝也是直接使用 git 即可,首先进入到你博客的根目录,再打开 git-bash 运行
    git clone https://github.com/iissnan/hexo-theme-next themes/next

  2. 启用主题
    在博客根目录下找到

    _config.yml

    文件,找到里面的 theme,改为
    theme: next
    这时再运行一次

    hexo s

    ,看看主题有没有生效吧。

六、发布博客到 coding

  1. 配置hexo deploy
    hexo 提供了一个部署命令

    hexo deploy,首先需要安装一下

    hexo-deployer-git插件
    npm install hexo-deployer-git --save
    然后配置一下_config.yml

    文件:

deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]

预览效果
在 coding 上建立一个私人仓库,找到代码的 coding 地址,填好上面的配置,然后直接执行
hexo deploy
不出意外的话会让你填写 coding 的用户名和密码完成上传操作。如果你有配置 ssh 方式的话就更加方便了。
这个时候再到 coding 对应的项目里面打开 pages 服务,根据 coding 建议,因为不是 jekyll 项目,所以需要再新建一个.nojekyll 文件(空文件就行,其实不建立也行),等上一会就能够访问自己的博客了。

coding会让你添加他们的官网在你的博客某个地方,算了,他们免费。我忍了。

附上我的个人博客对应博文地址:https://angualr2.top

申请这个域名是因为,我是java专业的,angular入门前端。仅此纪念。

阿里云搞活动,3块钱一年。

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
域名解析 SQL 网络协议
Hexo 个人博客快速部署到Gitee&Coding详细教程
Hexo 个人博客快速部署到Gitee&Coding详细教程
704 0
Hexo 个人博客快速部署到Gitee&Coding详细教程
|
5月前
|
开发框架 资源调度 JavaScript
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
67 0
|
9月前
|
SQL JavaScript 前端开发
Hexo从0到1搭建博客系列01:浅尝Hexo
Hexo从0到1搭建博客系列01:浅尝Hexo
|
9月前
|
存储
Hexo从0到1搭建博客系列03:文章与评论模块
Hexo从0到1搭建博客系列03:文章与评论模块
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
114 0
|
JavaScript
Hexo 入门指南(七) - 评论 & 分享
Hexo 入门指南(七) - 评论 & 分享
52 0
|
JavaScript
【Hexo基本使用】零基础,快速搭建属于自己的个人博客!
本文包含以下内容:Hexo安装,Hexo基础指令与配置,Hexo切换主题,Hexo部署。 最将自己的博客改为了Hexo静态网页。
257 0
|
JavaScript 开发工具 git
用Hexo搭建本地静态博客
用Hexo搭建本地静态博客
111 0
|
搜索推荐 JavaScript 前端开发
超详细Hexo+Github博客搭建小白教程(一)
超详细Hexo+Github博客搭建小白教程
358 0
超详细Hexo+Github博客搭建小白教程(一)
|
前端开发 JavaScript 搜索推荐
超详细Hexo+Github博客搭建小白教程(一)
首先要了解一下我们搭建博客要用到的框架。Hexo是高效的静态站点生成框架,它基于Node.js。通过Hexo,你可以直接使用Markdown语法来撰写博客。相信很多小伙伴写工程都写过README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到你的github上,然后别人就可以看到你的网页啦。是不是很简单?你无需关心网页源代码的具体细节,你只需要用心写好你的博客内容就行。
851 0
超详细Hexo+Github博客搭建小白教程(一)