首页企业服务哟呵,Github 免费从 0 到 1搭建个人博客网站哟呵,Github 免费从 0 到 1搭建个人博客网站

哟呵,Github 免费从 0 到 1搭建个人博客网站


让全世界的人都认识你

创建 仓库

安装hexo--git

配置你的 Git

推送你的网站到 上

访问你的网站

完事,开启你的装x之旅

还想要点个性?

购买域名

如何绑定域名

完事

那么接下来就分享给你,希望对你有帮助。

博客创建网站怎么弄_创建博客网站_博客创建网站的方法

(疯狂暗示三连)

使用 Hexo 框架来搭建个人网站

这两天我重新整理了一下自己的 Blog ,因为我之前用的 框架,有些年头了,一些主题和插件并不是很多。

后来对比了几个框架,发现 Hexo 不错,和 差不多,也是可以用 写文章,然后生成静态网站,Hexo 主题丰富一些。

Hexo 是基于 的,搭建起来很简单。那么接下来就说说如何从 0 开始使用 Hexo 搭建个人博客吧。

开始搭建

因为 hexo 是基于 node 框架的,所以呢,我们首先需要下载安装node,下载地址:

安装完之后,我们打开命令窗口,输入node -v,如果返回下图所示,那么就说明你安装 node 成功了。

node 版本

安装成功后,我们在命令行窗口运行如下命令来安装 hexo:

npm hexo-cli -g

初始化博客目录:

hexo init xxx..io (这里的xxx换成你自己的英文名)

初始化完成后,我们就进入我们的目录:

cd xxx..io

安装

npm

一下,然后生成静态页面

hexo

hexo g

g 就是,生成的意思

把你的网站运行起来

hexo s

s 就是,在服务上运行的意思

打开你的浏览器,输入:4000。自此,你的个人网站就这么速度的搭建起来了!

创建博客网站_博客创建网站的方法_博客创建网站怎么弄

hexo

优化 hexo 博客主题进入你的网站目录,打开 文件,这个文件是用来配置你的网站信息的。

这里列出我的简单配置,具体可以看这个Hexo配置文档:

:

: 小帅b

: xx的个人博客,主要涉及到编程(Java,,等),个人提升学习,视频教程

: java,,教程

:

: zh

选一个Hexo主题

刚搭建完的网站,是不是觉得有点丑,不符合你的漂亮的脸庞?反正我是这么觉得的,那么就选一个主题来装饰一下吧,在这里可以选择你要的主题,知乎答主们推荐的hexo主题大全:

创建博客网站_博客创建网站怎么弄_博客创建网站的方法

下载Hexo主题

慢慢挑,选择好了你的主题之后,就可以下载主题资源了,比如我这里选择一个 NEXT 主题来演示一下,在你的目录中输入以下命令:

git /next

这里主要就是将主题下载到我们的目录下。

配置主题

主题下载完之后,在你根目录下的 .yml 文件中,修改 为你的主题名字:

: next

重新生成和运行

hexo g

hexo s

访问一下看看,是不是比之前好看多了?

博客创建网站的方法_博客创建网站怎么弄_创建博客网站

hexo next主题

hexo博客的第一篇文章,打上标签和分类

你已经把你的网站打扮的漂亮大方简洁惹人爱了,那么接下来就要好好去写内容了,内容才是重要的。

两种方式来新建你的博文命令形式

在你的 blog 目录下使用如下命令:

hexo new (这里的写上你的文章的名称)

输入这样的命令之后你的 / 下就会生成一个 .md 文件,在这个文件下就可以写上你的博客内容了。

用 的语法去写。

直接新建方式

直接点的方式就是直接在/新建一个 文件,其实和命令形式是一个道理,只不过命令形式用了命令来创建。推荐使用命令的方式,毕竟 Geek 一点。

给你的文章打上标签

在你的博客中打标签能让你的文章方便检索。

hexo打开标签功能:

hexo new page tags

这时候你的 / 下生成 tags/.md 文件,我们将其打开,然后把它改成:

type: "tags"

:

这时候你要为你的文章打上标签就可以在文章的头部写上:

tags:

- Tag1

- Tag2

- Tag3

比如我现在的这篇文章打的标签就是这样的:

tags:

- 个人网站

- 教程

- hexo

- blog

- Git

-

给你的文章添加分类

分类,归档,是你博客的特性之一。把文章分门别类,方便查看。

打开hexo分类功能:

hexo new page

同样的,你的 目录下生成 /.md 文件,我们将其打开,把它改成:

type: ""

:

这时候你就可以给你的文章归类存档了,使用方式就是在你的文章的头部加上:

:

- 分类1

- 分类2

比如我现在的这篇文章的分类就是这样的:

:

- 个人网站

- 教程

注意:标签和分类要确定你的配置文件 .yml 是否有打开了 : tags 和 : 。另外, 的语法是写作最优雅最简洁最简单的,如果之前没用过的建议去学一下 语法说明,一般一个钟左右就能掌握。因为它和 HTML 那样简单。