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

Zhuxy 发布于2019-08-16 14:48 / 2315人阅读

摘要：下面贴上栈长博客的地址，也是技术栈的官方博客地址今天分享一下，如何从开始搭建一个自己的技术博客，基于栈长的博客。的国内访问不是很快，这里推荐使用自己搭建国内的云服务器，使用搭建静态服务。

技术博客的选型有很多种，如：博客园、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：提供了三种不同的文章模版；

文章布局	对应目录
post	source/_posts
page	source
draft	source/_drafts

source：博客文章默认所在的目录；

themes：博客主题目录，默认：landscape；

创建一篇文章

1）创建文章

使用命令：

hexo new "My New Post"

这样默认为 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 格式需要熟悉。

如果你也在使用 Hexo 搭建博客，有什么问题也可以关注下面的微信公众号找我，或许我能给你点经验，栈长我知道的都可以解答。

本文原创首发于微信公众号：Java技术栈（id:javastack），关注公众号在后台回复 "Java" 可获取更多，转载请原样保留本信息。

GPU云服务器云服务器 php从0开始从0开始学习php 汇编语言从0开始从0开始数据分析

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/73228.html

【11.15-11.21】博客精彩回顾

摘要：优秀文章推荐干货盘点测试框架详解应用系统分布式构建运维私藏项目实操分享版本开源云盘，十分钟快速搭建面试题总结基于手写实现带注册中心和注解进程查看和进程管理个要点，分钟说清架构体系干货盘点定时器面试官讲讲雪花算法，越详细越好修改监优秀文章推荐1、#yyds干货盘点# pytest测试框架详解2、应用系统分布式构...

QLQ 2021-11-24 09:39 评论0 收藏0
Java后端

摘要：，面向切面编程，中最主要的是用于事务方面的使用。目标达成后还会有去构建微服务，希望大家多多支持。原文地址手把手教程优雅的应用四手把手实现后端搭建第四期 SpringMVC 干货系列：从零搭建 SpringMVC+mybatis（四）：Spring 两大核心之 AOP 学习 | 掘金技术征文原本地址：SpringMVC 干货系列：从零搭建 SpringMVC+mybatis（四）：Sp...

joyvw 2019-08-15 13:56 评论0 收藏0
#私藏项目实操分享# iframe 在 SAP 三款产品中的三个应用场景

摘要：这是年的第篇文章，也是汪子熙公众号总共第篇原创文章。本文介绍曾经工作过的三款产品中的使用场景。我们在编辑页面里选择，这个下拉菜单里的选择，决定了我们可以将哪些标准的哪些字段，传递给最终会被嵌入到标准页面的自开发页面里。这是 Jerry 2021 年的第 73 篇文章，也是汪子熙公众号总共第 350 篇原创文章...

不知名网友 2021-11-29 10:50 评论0 收藏0
#私藏项目实操分享# 使用 JavaScript 上传 PDF 和 Excel 等二进制文件到 AB

摘要：这是年的第篇文章，也是汪子熙公众号总共第篇原创文章。使用通过格式发送和文件到服务器关于格式的详细说明，参考开发社区和的文档我在前文例子的基础上稍作修改在里使用两个类型为的标签，分别上传和文件用来测试的本地文件，大小为字节。这是 Jerry 2021 年的第 71 篇文章，也是汪子熙公众号总共第 348 篇原创文章。 Jerry 之前发布过一篇文章不使用任何框架，手写纯 Jav...

peixn 2021-11-23 10:12 评论0 收藏0