大家好,欢迎回到小码农岛。前段时间我搭建了自己的个人博客网站,然后现在来带大家怎么搭建属于自己的个人博客网站,以及怎么实现不用买域名,不用服务器就轻松获得一个网站!
OK!话不多说,我们正式开始。
准备工作
1. GitHub账号
需要有一个GitHub账号,没有的话到 官网 申请注册一个。
2. 安装Git
在自己电脑上安装好Git,hexo部署到GitHub时要用,访问 Git 官方网站下载并安装。安装完成后,在命令提示符或终端中输入 git --version
检查是否安装成功。
3. 安装Node
在自己电脑上安装好Node.js,Hexo是基于Node编写的,所以需要安装Node和npm工具。访问 Node.js 官方网站,下载适合你操作系统的安装包并安装。安装完成后,可以在命令提示符或终端中输入 node -v
和 npm -v
来检查是否安装成功。或者网上找篇教程
二、创建仓库
在GitHub上创建一个新的代码仓库,仓库名称格式为 <你的用户名>.github.io
。然后点击Create repository。
三、初始化博客
-
新建一个文件夹,在你的博客文件夹中,打开Git,先输入命令 npm install -g hexo-cli
把hexo框架下载下来,然后运行hexo init
命令来初始化博客项目。这就下载好 Hexo 所需的文件和依赖项。
-
安装完成后,你的文件夹结构应该如下:
-
_config.yml:主配置文件。 -
package.json:项目依赖项的清单。 -
scaffolds:模板文件夹。 -
source:存放你的博客文章的文件夹。 -
themes:主题文件夹。
-
进入博客文件夹,安装依赖项: npm install
,如果npm下载反应太慢了,就换成cnpm哈,这个网上找找教程去配就行。
4. 找到根目录下的.gitignore文件,打开后,在最后一行加上*.code-workspace
运行博客
-
一样的操作去到博客的根目录打开Git,然后输入命令 hexo g
2. y运行完hexo g后再接着输入hexo s
,然后等待
3. 然后现在就打开浏览器输入http://loaclhost:4000/
,就能看到搭建好的博客啦
4. 现在博客虽然可以运行,但是只能本地查看,外人是无法访问的,这时候就需要用上前面创建好的github仓库了。
先找到你新建的仓库,找到一下图片的位置,然后复制这个

5. 去根目录找到这个文件并打开,并往下翻,找到以下位置吗,然后把刚刚复制到的东西粘贴进去
-
打开Git输入并执行以下命令
7. 现在就已经配好了,只需要把整个目录文件推到你的仓库里面就好,不知道怎么操作的就百度一下哈
现在就到浏览器输入你的仓库名就可访问了
这种别人也能够访问到你的博客啦。但这种依赖github,访问就会很慢,因为github是国外的,所以你懂。
域名
所以现在我们解决一下域名的一个问题,用了这个方法后,你的博客访问就不会变得很慢。
我用的一个网站,就是https:///zh-CN
,这里你可以免费使用一个域名,具体怎么使用,不用很多东西只需要登陆然后粘贴就行了。
这里我们用github账号登陆,反应会有点慢,等待就好,或者你加点科学。
登录之后,就点击New Project,然后选择这个,因为这个是免费使用的
创建好后,就会打开这个
点击Add Service,在弹出界面选择Github,选择你的仓库就可以了
选择hexo
然后回到这个界面找到这个
输入你要的域名(这里我痛失旧域名)