前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >免费搭建属于自己的博客网站

免费搭建属于自己的博客网站

作者头像
Linux兵工厂
发布2023-03-30 13:52:41
2.1K0
发布2023-03-30 13:52:41
举报
文章被收录于专栏:Linux兵工厂
  • hello,小伙伴们大家好!我是木荣,今天分享给大家如何免费搭建属于自己的博客网站。之前也帮别人搞过网站,但是一直没有去实际行动建一个自己的博客网站,这次心血来潮就测试了一把,还是不错的。可以当做自己的一个记录、分享知识的地方吧。

Hexo是一款基于Node.js的静态博客框架,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。

一、hexo

安装hexo之前,现在电脑上安装git和node.js

git和node.js的安装直接去对应的官网下载安装即可。

node.js官网:https://nodejs.org/en

git官网:https://git-scm.com/

1. hexo安装

新建保存网站文件的根目录MyBlogSite,通过git bash运行以下命令:

代码语言:javascript
复制

npm install -g hexo-cli # 安装hexo
hexo init MyBlogSite    # 初始化文件夹
npm install             # 安装博客需要的依赖文件

2. 启动hexo

启动浏览器,输入<http://localhost:4000>

二、部署到GitHub上

1. 添加ssh key

到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上,在站点目录下执行下面的命令,也就是创建的博客目录下:

代码语言:javascript
复制
# 1. npm install hexo-deployer-git --save
# 2. ssh-keygen -t rsa -C "你的github邮箱地址"
# 3. 然后一路回车生成密钥文件

然后在输出信息提示的目录下找到名为.ssh的文件夹,文件夹内会有两个文件,一个id_rsa.pub一个id_rsa,用文本编辑器打开id_rsa.pub,复制里面的的内容。然后打开Github,点击右上角的头像Settings 选择SSH and GPG keys。点击New SSH key将之前复制的内容粘帖到Key的框中。上面的Title可以随意,点击Add SSH key完成添加。然后回到Git的命令行界面,测试一下是否与GitHub连接成功

代码语言:javascript
复制
ssh -T git@github.com

2. 创建仓库

在github上创建仓库,仓库名必须是:[用户名].github.io。进入博客站点目录,用文本编辑器打开_config.yml,这个_config.yml是博客的配置文件。滑到文件最底部,有一个deploy,在deploy下面添加一个repo项 ,一个branch项:

3. 上传博客

代码语言:javascript
复制
# Hexo会根据配置文件渲染出一套静态页面 
hexo g 
# 上传至至Github Pages 
hexo d 

4. 访问博客

浏览器输入:https://<用户名>.github.io

三、修改主题

1. 下载主题

https://codeload.github.com/blinkfox/hexo-theme-matery/zip/master

2. 更换主题

将下载下来的主题放在目录theme下,修改博客配置文件:theme: matery

3. 更新

每次更新主题或配置后重新执行以下命令:

代码语言:javascript
复制
hexo clean
hexo g
hexo d

小结

按照以上步骤就建立了属于自己的博客网站,这样有一点需要说明的是网站的地址是固定的。需要的话可以购买域名设置属于自己的个人博客网址。购买域名的方法可以去阿里云或腾讯云上购买,此处就不做过多的说明,也不贵。有兴趣的小伙伴可以搞起来!


本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-03-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Linux兵工厂 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、hexo
    • 1. hexo安装
      • 2. 启动hexo
      • 二、部署到GitHub上
        • 1. 添加ssh key
          • 2. 创建仓库
            • 3. 上传博客
              • 4. 访问博客
              • 三、修改主题
                • 1. 下载主题
                  • 2. 更换主题
                    • 3. 更新
                    • 小结
                    领券
                    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档