从 0 开始搭建一个技术博客,私藏干货~

本文涉及的产品
.cn 域名,1个 12个月
简介: 技术博客的选型有很多种,如:博客园、CSDN、开源中国、简书、知乎等……都可以用来写文章,形成自己的技术博客。上面的博客都是第三方的,有没有方式搭建自己的服务器、自己的域名的博客呢?栈长知道的成熟方案有:WordPress, Hexo 等,栈长的博客就是用 Hexo 搭建的。

技术博客的选型有很多种,如:博客园、CSDN、开源中国、简书、知乎等……都可以用来写文章,形成自己的技术博客。


上面的博客都是第三方的,有没有方式搭建自己的服务器、自己的域名的博客呢?栈长知道的成熟方案有:WordPress, Hexo 等,栈长的博客就是用 Hexo 搭建的。


下面贴上栈长博客的地址,也是Java技术栈的官方博客地址:


www.javastack.cn




今天分享一下,如何从 0 开始搭建一个自己的技术博客,基于栈长的 Hexo 博客。


为什么选用 Hexo ?

Hexo 是一个快速、简洁且高效的博客框架,利用 Markdown 即可自动生成静态网页。


官网:https://hexo.io/


1)超快速度


Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。


2)支持 Markdown


Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。


3)一键部署


只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。


4)丰富的插件


Hexo 拥有强大的插件系统,安装插件可以让 Hexo 支持 Jade, CoffeeScript。


以上来自 Hexo 官网介绍。


域名服务器

想拥有自己的博客,域名和服务器是不可少的两个部件。


1)域名


注册域名很简单的,几十块钱搞定的事,大家可以去万网、阿里云、腾讯云等平台上面注册。


2)服务器


可以使用各种云服务器,也可以使用 Gitbub 提供的 Pages 托管服务。


Github 的国内访问不是很快,这里推荐使用自己搭建国内的云服务器,使用 Nginx 搭建静态服务。


Hexo 安装

安装 Hexo 需要提前安装好 NodeJs,这里就不说明了,自行安装即可。


安装好 NodeJs 之后就可以安装 Hexo 了:


1)安装

npm install hexo-cli -g

2)初始化

hexo init blog
cd blog
npm install

3)启动

hexo server

或者简写:

hexo s

4)访问

打开 localhost:4000 即可打开默认的博客主页:


Hexo 文件介绍

来看下 blog 目录下生成的目录和文件:

$ ll
total 125
-rw-r--r-- 1 R 1049089  1846 十二 18 14:12 _config.yml
-rw-r--r-- 1 R 1049089 21622 十二 18 14:15 db.json
drwxr-xr-x 1 R 1049089     0 十二 18 14:15 node_modules/
-rw-r--r-- 1 R 1049089   447 十二 18 14:15 package.json
drwxr-xr-x 1 R 1049089     0 十二 18 14:12 scaffolds/
drwxr-xr-x 1 R 1049089     0 十二 18 14:12 source/
drwxr-xr-x 1 R 1049089     0 十二 18 14:12 themes/

介绍下这几个目录和文件:

_config.yml:博客主要的配置文件;

node_modules:NodeJs的依赖模块;

scaffolds:提供了三种不同的文章模版;image.pngsource:博客文章默认所在的目录;

themes:博客主题目录,默认:landscape;

创建一篇文章

1)创建文章使用命令:

hexo new "My New Post"
• 1

这样默认为 post 文章,或者直接复制草稿模板至 source/_posts 目录

2)生成静态网页

hexo generate

或者使用简写:

hexo g

这样就能在博客目录生成一个 public 目录。

$ ll
total 12
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 2018/
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 archives/
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 css/
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 fancybox/
-rw-r--r-- 1 R 1049089 6660 十二 18 14:40 index.html
drwxr-xr-x 1 R 1049089    0 十二 18 14:40 js/

如需要重新生成可以执行一下清理命令:

hexo clean

3)发布到服务器

如果使用了 Github 的 Pages 托管服务,那么需要配置 _config.yml 中的如下配置:

deploy:
  type: git
  repo: 
    - git@github.com:xxxxxx/javastack.github.io.git
  branch: master

然后使用发布命令:

hexo deploy

如果使用云服务器,将静态服务器的主目录设置为 public 这个目录即可。

切换主题

主题选择:https://hexo.io/themes/

在 Hexo 的主题网站下载一个自己的主题,如栈长的博客使用的是 icarus。下载之后把它扔到 themes 目录,然后修改配置文件中的默认主题即可。

theme: icarus

这个主题可以预览栈长的博客:www.javastack.cn


也可以进入主题目录对这个主题进行自定义修改。


总结

大概的博客搭建及文章发布的操作就这些了,其实这里面还有更多的细节,包括插件、自定义主题、永久链接、文章分类、标签等,更多的大家可以去 Hexo 官方文档里面去看。还有,你得对 Markdown 格式需要熟悉。


相关文章
|
2月前
|
机器学习/深度学习 编译器 测试技术
【C++篇】启航——初识C++(上篇)
【C++篇】启航——初识C++(上篇)
|
3月前
|
SQL 自然语言处理 Rust
东白随记系列技术博客文章
东白随记系列技术博客文章
44 0
|
人工智能 Java
编程小白的第一篇博客
编程小白的第一篇博客
65 0
|
数据采集 数据安全/隐私保护 计算机视觉
谈谈近期为什么没有写博客的动力
谈谈近期为什么没有写博客的动力
|
数据安全/隐私保护 对象存储
不就是搭个博客吗?其实很简单的... (下)
不就是搭个博客吗?其实很简单的... (下)
174 0
不就是搭个博客吗?其实很简单的... (下)
|
域名解析 关系型数据库 MySQL
不就是搭个博客吗?其实很简单的... (中)
不就是搭个博客吗?其实很简单的... (中)
183 0
不就是搭个博客吗?其实很简单的... (中)
|
弹性计算 安全 前端开发
不就是搭个博客吗?其实很简单的... (上)
不就是搭个博客吗?其实很简单的... (上)
203 0
不就是搭个博客吗?其实很简单的... (上)
|
程序员
为什么写技术博客对新人如此重要?
最近看到一篇文章,站在招聘者的角度提出了自己对这个问题的看法,主要是以下几个方面:台湾和大陆的对比首先谈谈台湾情况,Programmer 在台湾不叫程序员,而是程式设计师,从搜索引擎找台湾程序员,往往得到的是内地搜索结果。
1228 0
|
NoSQL 关系型数据库 MySQL
【开篇】自我介绍和博客未来规划
第一篇博客开篇、 简单自我介绍、和以后未来博客规划。
2240 0
|
存储 编解码 人工智能
首发!《长安十二时辰背后的技术秘籍》正式公开,速来下载
今天,阿里技术重磅发布电子书《长安十二时辰背后的技术秘籍:从智能算法到音视频创新技术》,已正式开放下载。了解在《长安十二时辰》的荧幕后,工程师在敲敲打打的代码之间,创造出智能算法和音视频技术的新高度。
6973 0