Hexo+coding搭建博客

本文涉及的产品
.cn 域名,1个 12个月
简介: 业界早有大佬说过,写博客大抵会经过三个阶段:第一阶段,刚接触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块钱一年。

相关文章
|
域名解析 SQL 网络协议
Hexo 个人博客快速部署到Gitee&Coding详细教程
Hexo 个人博客快速部署到Gitee&Coding详细教程
924 0
Hexo 个人博客快速部署到Gitee&Coding详细教程
|
JavaScript 网络安全 开发工具
Github+Hexo搭建个人网站详细教程
随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷。然后,如果你是一个不甘寂寞的程序猿,是否也想要搭建一个属于自己的个人网站,如果你曾经或者现在正有这样的想法,请跟随这篇文章发挥你的Geek精神,让你快速拥有自己的博客网站,写文章记录生活,享受这种从0到1的过程。
|
开发框架 资源调度 JavaScript
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
132 0
|
存储
Hexo从0到1搭建博客系列03:文章与评论模块
Hexo从0到1搭建博客系列03:文章与评论模块
|
SQL JavaScript 前端开发
Hexo从0到1搭建博客系列01:浅尝Hexo
Hexo从0到1搭建博客系列01:浅尝Hexo
129 0
|
JavaScript
Hexo 入门指南(七) - 评论 & 分享
Hexo 入门指南(七) - 评论 & 分享
78 0
|
JavaScript 前端开发 Shell
Hexo系列(一) 搭建博客网站
Hexo系列(一) 搭建博客网站
160 0
|
域名解析 前端开发 JavaScript
Hexo+Github+vercel 搭建个人博客教程(二)
这篇教程接上篇教程,在上篇教程的基础上在进行
1086 1
|
开发工具 git Ruby
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
323 0
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
使用 VuePress 搭建博客网站
使用 VuePress 搭建博客网站
228 0
使用 VuePress 搭建博客网站