Ubuntu18下Github+Hexo搭建博客教程

我的博客,欢迎来访: www.zxwsbg.cn

搭建

安装git、nodejs

sudo apt-get install git
sudo apt-get install nodejs
sudo apt-get install npm

安装Hexo

npm install -g hexo-cli

安装完了以后初始化,其中myblog随便起什么名字都可以,不加sudo可能会遇到问题。

sudo hexo init myblog
cd myblog 
sudo npm install

新建完成后,指定文件夹目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • _config.yml: 博客的配置文件
sudo hexo g
sudo hexo server

打开hexo的服务,在浏览器输入localhost:4000就可以看到你生成的博客了。

github创建

生成秘钥

yourname是你github账户的名称,email是注册时候的邮箱。

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C "youremail"

然后在主目录下使用

ls -a

可以看到隐藏文件,打开.ssh文件夹,有一个叫id_rsa.pub的文件,这个是公钥,另一个是私钥,打开它,把里面的东西复制出来。
接着打开github,按照顺序点击添加公钥。然后将刚刚的公钥复制进去。
在这里插入图片描述
然后查看是否成功,需要输入一个yes,成功会有提示Hi zxwsbg! You’ve successfully authenticated, but GitHub does not provide shell access.。

ssh -T git@github.com

创建repo

在github上面创建一个项目,名为用户名+github.io
比如我的用户名是zxwsbg,那么我新建的项目名称就是zxwsbg.github.io
然后进入这个repo,点击最右侧的setting。
在这个界面一直往下拉,可以看到

将hexo部署到github

打开站点配置文件_config.yml,翻到最后,进行修改。其中YourgithubName就是你的GitHub账户。

deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。
deploy时要你输入username和password。

sudo npm install hexo-deployer-git --save
sudo hexo clean
sudo hexo generate
sudo hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

然后等一会,就可以在https://zxwsbg.github.io/看到你的博客了,其中zxwsbg是我的用户名。

设置个人域名

因为我以前曾在腾讯云上买过一个域名且还没有过期的域名。
首先登录腾讯云的域名管理,点击解析
在这里插入图片描述
点击如图所示,这边可能有人显示的是新手快速添加。
在这里插入图片描述
点击 网站解析 ,这时候它要你输入ip。
于是我们在终端中查看自己网站的ip

ping zxwsbg.github.io

在这里插入图片描述
就可以看到域名是185.199.109.153,把这个输入进去即可。
线路类型选择默认
登录github,进入刚才的项目,点击setting,然后往下拉(或使用ctrl+F),找到Custom domain,输入自己的域名。
在这里插入图片描述
在刚才的myblog文件夹下的source文件夹中创建一个名为CNAME文件,不要后缀。写上你的域名。

cd myblog/source/
sudo gedit CNAME

在终端中输入

sudo hexo clean
sudo hexo g
sudo hexo d

然后就可以在 www.zxwsbg.cn 中看到我的博客了。

配置

更换next主题

http://theme-next.iissnan.com/getting-started.html 它的官方文档里用非常详细的教程。百度上也有很多,就不细说了。

扩展

部署到coding

初始部署

由于百度无法爬github,于是我们也要将其部署到coding。
同样的,在coding中创建项目,项目名称与用户名相同。
然后修改_config.yml文件,拖到最后,将deploy部分改成

deploy:
  type: git
  repo: 
    coding: git@git.dev.tencent.com:zxwsbg/zxwsbg.git,master
    github: git@github.com:zxwsbg/zxwsbg.github.io.git,master

注意,冒号后面要加空格!!! 最好直接复制上述代码然后再修改。由于YAML要求很严格,空格位置需要跟我一样。 这里如果使用https,那么需要每次都输入密码。如果使用ssh,那么你可能遇到令人窒息的错误,解决问题的方法可以看我的另一篇博客 解决Permission Denied的方法。 这里就简要提一句,sudo加了以后找公钥是从/root/.ssh里面找,但是会找不到。
执行一键部署命令。

hexo clean
hexo g
hexo d

coding pages服务

在source/需要创建一个空白文件,coding.net需要这个文件来作为以静态文件部署的标志。

cd source/
touch Staticfile  #名字必须是Staticfile

进入coding,打开如下界面
在这里插入图片描述
一路按照提示操作即可,最后会显示访问地址。

修改域名解析

和github一样,终端键入刚刚的访问地址,查询ip。在腾讯云的域名管理处添加网站解析即可。如果这一步不清楚请参考之前github添加域名解析的部分。

ping zxwsbg.coding.me

参考博客

[1] https://blog.csdn.net/sinat_37781304/article/details/82729029
[2] https://blog.csdn.net/qintian888/article/details/82195097
[3] https://blog.csdn.net/heimu24/article/details/81159099
[4] https://hexo.io/zh-cn/docs/

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用Github hexo搭建个人博客的过程可以分为以下几个步骤: 1. 准备工作:首先需要安装两个必要的软件,一个是Git用于版本控制,另一个是Node.js用于运行Hexo。可以在官网下载并安装这两个软件。 2. 注册Github账号以及建立仓库:在Github官网上注册一个账号,并创建一个仓库用于存储博客的代码和文件。 3. 本地配置安装Hexo:在本地电脑上配置Hexo环境。打开命令行界面,使用npm安装Hexo,然后初始化Hexo项目。 4. 设置ssh:为了能够将本地的代码推送到Github仓库中,需要设置SSH密钥。可以通过命令行生成SSH密钥,并将公钥添加到Github账号的设置中。 5. 上传测试博客:在本地编写博客的内容,然后使用Hexo命令生成静态页面,并将生成的页面推送到Github仓库中。 以上就是使用Github hexo搭建个人博客的基本步骤。具体的每个步骤可以参考中提供的教程。值得注意的是,如果想要让博客更加美观和炫酷,可以在网上下载一些好看的主题样式,并进行相应的配置。同时,还可以使用hexo-abbrlink等插件来增加博客的功能[2]。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Github+Hexo搭建个人博客(图文详解)](https://blog.csdn.net/weixin_45377770/article/details/105228938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [hexo+github搭建博客(超级详细版,精细入微)](https://blog.csdn.net/victoryxa/article/details/103733655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

总想玩世不恭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值