分享

GitHub+Hexo 免费搭建个人博客(超详细)

 学习妄长生 2023-03-16 发布于浙江

为什么要搭建自己的博客了?

大概是为了装逼吧,想更好的建立好个人品牌,好让更多的人了解自己。
虽然现在市面上的博客很多,如CSDN,博客园,简书等平台,可以直接在上面发表,用户交互做的好,写的文章百度也能搜索的到。缺点是比较不自由,会受到平台的各种限制和恶心的广告。同时自己搭建博客的话,样式的选择也比较自由,可以自己选择,不需要受限于各大平台
而自己购买域名和服务器,搭建博客的成本实在是太高了,不光是说这些购买成本,单单是花力气去自己搭这么一个网站,还要定期的维护它,对于我们大多数人来说,实在是没有这样的精力和时间。
那么就有第三种选择,直接在github page平台上托管我们的博客。这样就可以安心的来写作,又不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客真的非常容易。这里全程复制粘贴,保证你完成博客的搭建。
你需要的准备工作
  1. 有一个github账号,没有的话去注册一个
    https://github.com
  2. 安装了node.js、npm,并了解相关基础知识
    https:///en/
  3. 安装了git for windows(或者其它git客户端)
    https:///downloads

Node.js安装

windows
去官网直接下载就好
linux
sudo apt-get install nodejs
验证Node.js安装是否正确
npm-v    
git安装
windows:
点击下载,进入Git官网上页面选择,相对应的系统版本
下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
linux:
对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码
sudo apt-get install git
验证
是否安装成功
打开git bash->输入git –version

github账户注册,一定要通过邮箱验证,不然不通过

安装&部署Hexo

创建一个文件夹然后打开cmd程序cd进去,依次输入下面内容
创建Hexo
安装Hexo客户端,无敌简单
npm install -g hexo-cli
框架初始化
npm install hexo -g 
安装依赖包
hexo init 

本地预览Hexo博客站

把之前安装的git,在本地博客目录下初始化
git init
生成存放静态博客站信息的文件夹public
hexo g
启动本地博客站服务
hexo s
按照提示浏览器输入http://localhost:4000 查看本地网页
常用命令
#写一篇文章
在/source/_posts下生成一个.md文件
hexo n "内容标题 
#清理当前工作空间
hexo clean
#这里的g是generate的缩写,表示生成静态资源
hexo g
#开启本地服务
hexo s
关闭本地服务
ctrl+c
再次启动博客
hexo server
#部署到自己的博客
hexo d
hexo d -g #在部署前先生成
hexo s - g #在启动前先生成
npm start run

配置SSH key连接并发布到Github, 就能让我们的个人博客上线啦!!

为什么要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。
使用了这种基于ssh认证的方式之后,以后连接github都不用再输入任何的用户和密码信息,连接时会自动通过ssh的密钥进行验证
登录GitHub后右上角+号,新建一个repository
这里repo的命名是很讲究的:必须是 github的username.github.io
在Github上新建一个仓库
仓库名字必须是:username.github.io ,其中username是你的用户名;
仓库创建成功不会立即生效,需要过一段时间,大概10-30分钟,或者更久;
创建成功后,默认会在你这个仓库里生成一些示例页面,以后你的网站所有代码都是放在这个仓库里啦
在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。
设置用户名与邮箱
git config --global user.name "xxx"
//你的github用户名,非昵称

xtmpfc

git config --global user.email "邮箱地址"
//填写你的github注册邮箱
git config --global user.email "2997057567@qq.com"
检查本机是否
有ssh key设置
cd.ssh
如果没有则会提示:
No such file or directory
那么就开始创建SSH key
创建SSH key
ssh-keygen -t rsa -b 4096 -C "邮件地址"
或者ssh-keygen -t rsa -C "邮件地址"
ssh-keygen -t rsa -C "2997057567@qq.com"
邮件地址可以登录
你的github - Setting - Emails 查看

!!! 一定要输入注册Github账号的邮箱 !!!

自己为钥匙命名
密码,可有可无
查看ssh
linux小白可以使用:cat ~/.ssh\id_rsa.pub

也可以直接去c盘直接找

找到 id_rsa.pub 文件,记事本打开并复制里面的内容
添加到GitHub
打开你的github主页,进入 个人设置 - SSH and GPG keys - New SSH key
将刚复制的内容粘贴到key那里,title随便填,保存。
测试是否连接成功
ssh -T git@github.com

配置Deployment

配置Deployment
在_config.yml文件中,找到Deployment
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master
安装插件 deploy-git,才能部署命令到Github
npm install hexo-deployer-git --save

这样一个默认主题的博客就上线啦

当然如果你想让自己博客网站,被搜索引擎收录的话还需要一些操作。

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多