IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 基于Github+Hexo+腾讯云域名实现个人博客搭建 -> 正文阅读

[开发工具]基于Github+Hexo+腾讯云域名实现个人博客搭建

第一步: 环境准备

  • Windows 64位操作系统

  • 已安装Node.js

  • 已安装Git

安装完成后查看对应的版本信息,测试是否安装正确,在命令提示符中分别输入

node -v #查看node版本
npm -v #查看npm版本
git --version #查看git版本

运行效果如图所示

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ISXpPfE3-1639037804347)(C:\Users\Tunan\AppData\Roaming\Typora\typora-user-images\image-20211208151328399.png)]

第二步: Hexo下载与初始化

新建一个文件夹,作为博客的主体,可以取名为MyBlog

在这里插入图片描述

进入到该文件夹下,右击鼠标右键,点击Git Bush Here

键入命令npm install -g hexo进行Hexo下载

在这里插入图片描述

该过程稍微有点久(可能会存在墙),解决办法可以自行百度,正常情况下稍等即可完成下载。

键入命令hexo init进行Hexo初始化,等待即可
在这里插入图片描述

目录分析:

安装后目录如下:

? 在这里插入图片描述

  • node_modules 是Hexo插件位置

  • scaffolds 是模板文件

  • source 是微博正文和其他源文件所在位置,其中_ posts存放正文,_ drafts存放草稿

  • themes 是主题文件,可以自己下载更换

  • _ config.yml 是全局配置文件

?

第三步: 本地运行Hexo

下面三条Shell语句十分常用

hexo clean # 清空已有hexo网站文件
hexo generate(or g) # 依据网页文本与新的CSS样式生成新网站文件
hexo server(or s) # 启动本地服务器,可以在localhost:4000查看网站修改效果

在这里插入图片描述

在http://localhost:4000/上试着运行吧!

第四步:Github仓库配置

  1. 新建一个Repository

注意: Repository name要与Owner一样

在这里插入图片描述

  1. 在 _config.yml 中进行配置

    注意:每一个冒号都要为英文冒号,且后面接的内容与冒号之间存在一个空格

    repository :仓库地址

在这里插入图片描述

第五步: 生成密钥绑定密钥

生成步骤

  1. 在桌面右击鼠标,Git Bush Here

  2. 执行下面的命令:

    ssh : 检查是否存在ssh,这个电脑一般都是会设置好的

    ssh-keygen -t rsa -C “邮箱地址” : 这里的邮箱地址应该是github注册的邮箱地址

  3. 然后在c盘用户目录下,进入.ssh文件,右击打开id_rsa.pub(推荐使用Notdpad++),Ctrl+A Ctrl+C保证复制完整

绑定步骤

  1. 在github主页,进入右上角的setting中,在SSH and GPGKeys中添加上即可

  2. 检查是否绑定成功

    在刚才的Bash中输入 ssh -T -git@github.com

第六步: 发布到Github

  1. 安装hexo-deployer-git自动部署发布工具

    在MyBlog下使用Git Bush Here

    键入命令npm install hexo-deployer-git --save

  2. 发布到github中

    键入命令hexo clean && hexo g && hexo d

    注意:第一次登录需要验证邮箱密码

img

  1. 访问测试

    一般生成的博客主页地址为下面的形式,username是GitHub的name

    https://username.github.io/

第七步: 域名映射

  1. 在腾讯云(或阿里云)购买一个域名,进行实名认证等一系列操作,直到在控制台可见正常为止
    在这里插入图片描述

  2. 解析域名

在这里插入图片描述

主机ip获取

在Win+R中输入cmd,打开命令提示符

输入ping Github名称.github.io即可得到

注意下面的类型,A类型的为ip地址,CNAME类型的为Github名称.github.io

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-09PSZXG4-1639037804361)(C:\Users\Tunan\AppData\Roaming\Typora\typora-user-images\image-20211208160334511.png)]

  1. 在source文件夹下,新建CNAME.txt,其内容为你的域名,然后删掉后缀即可

在这里插入图片描述

  1. 重新在MyBlog路径下Bush,重新hexo clean && hexo g && hexo d发布即可使用自己的域名进行登录了。
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-12-10 11:15:55  更:2021-12-10 11:17:51 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/24 9:39:46-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计