从0到1手把手教你搭建个人博客

简介: 从0到1手把手教你搭建个人博客

首先 搭建博客的话 我们得了解什么是Github  就是没有服务器的情况下 把我们的代码托管到了Github上

74709b02a88f46a5b01a6d6f6f7d2cb1.png Github Pages 可以被认为是用户编写的、托管在 github 上的静态网页。使用 Github Pages 可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。

hexo

什么是hexo呢

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

官网:hexo

在搭建我们的博客之前我们需要安装几个软件~


安装Nodejs

Node.js (nodejs.org)


26d51e8b208e40c387e52f23157c23b3.png

Git

安装Git Bash(使用Mac和Linux的朋友们可以跳过这一步):git官网

检验软件是否安装成功

我们打开我们的任务管理器

win+r

git --version

node -v

npm -v

2b516af962c94df1a6af7faead09a57d.png

好啦 安装完毕

此外若安装成功,在桌面右键鼠标,可以看到菜单里多了 Git GUI HereGit Bash Here两个选项,第一个是图形界面的Git操作,另一个命令行,我们一般使用第二个

82ad5434730e45b2a9c9b53206e488bc.png

接下来就是hexo的安装辣

选择一个文件夹 接着 git bash ,输入以下 npm 命令即可安装

npm install hexo-cli -g


这个命令表示安装 hexo 的脚手架

Hexo 初始化配置

hexo init
npm install hexo-deployer-git --save

74c31d51a7ef401399a40007edcb1a69.png

a37eb9cf528e43388871af41eafe3b4b.png

如图表示 安装完毕 下一步就是启动我们的hexo!

执行以下命令

hexo generate
hexo server


5c3a62bd05fb4ee09cfaf2389fe0c8d4.png

此时会出现一个端口号 我们将我们的端口 运行到网页!


a2c4a32d15c44956adc10d3f539869d7.png

此时hexo搭载的默认化界面就出来了!

然后进入我们的Github 官网 GitHub


0705dfbbcc094ebc9a7a262b00363824.png


配置 SSH 密钥:只有配置好 SSH 密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步,在你第一次新建的文件夹里面

ssh-keygen -t rsa -C "your email@example.com"
//引号里面填写你的邮箱地址,比如我的是2268125923@qq.com

然后会出现下图

0c75e5742c93441f88a80c5c2b6fdd6a.png

然后:

Enter passphrase (empty for no passphrase):
//这里是要你输入密码,其实不需要输什么密码,直接回车就行
Enter same passphrase again:

然后出现

Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
这里是各种字母数字组成的字符串,结尾是你的邮箱
The key's randomart image is:
这里也是各种字母数字符号组成的字符串

运行以下命令,将公钥的内容复制到系统粘贴板上

clip < ~/.ssh/id_rsa.pub


405632f858974934be10b1f0f63ecacb.png

登录你的github 点击settings


SSH and GPG Keys:


3.选择 New SSH key:


然后把那一段公用密匙 加进去就完成了🍗


如何为博客更换自己喜欢的主题

王同学在这里力推butterfly


butterfly主题官网:Butterfly 安裝文檔(一) 快速開始 | Butterfly


安装完butterfly 的插件 如图:


7e68a722e8854d8fa2340e0b93c36848.png

以上就是王同学带给大家搭建hexo框架的第一步!

相关文章
|
JSON 前端开发 JavaScript
前端(十七)——gitee上开源一个移动端礼盒商城项目(前端+后台)
前端(十七)——gitee上开源一个移动端礼盒商城项目(前端+后台)
313 0
element-plus:el-table自定义展开图标处于列的位置
element-plus:el-table自定义展开图标处于列的位置
1116 0
|
12月前
|
运维 安全 Linux
怎么使用云服务器搭建个人博客网站
使用云服务器搭建个人博客网站是一个涉及多个步骤的过程,包括购买云服务器、域名注册和备案、环境配置、安装博客系统、部署SSL证书以及网站上线和维护。通过选择合适的云服务提供商(如阿里云、腾讯云等),配置服务器,安装宝塔面板,选择合适的博客程序(如Typecho、WordPress等),并确保安全措施到位,您可以成功搭建并运行自己的个人博客网站。
|
10月前
|
搜索推荐 机器人 定位技术
SEO 搜索引擎优化核心名词全解析
本文详细解析了 SEO(搜索引擎优化)中的核心名词,包括关键词、页面标题、元描述、网站地图、反向链接、锚文本、内部链接、页面权重、域权重、搜索引擎机器人、索引、收录、白帽 SEO 和黑帽 SEO。掌握这些术语及其作用,有助于提升网站在搜索引擎中的可见性和排名,实现长期发展。
308 20
|
前端开发
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
解决适配375像素宽度667像素高度移动端方法:推荐一款非常好用的px转rem单位的VSCode插件px to rem & rpx (cssrem)
|
12月前
|
机器学习/深度学习 人工智能 自然语言处理
计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-10-19
计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-10-19
179 3
|
Kubernetes 网络安全 网络架构
Docker不同宿主机网络打通
【8月更文挑战第20天】在不同宿主机上打通Docker网络可通过多种方法:1) 使用Docker原生的Overlay或Macvlan网络驱动实现跨主机通信,如Overlay网络利用VXLAN技术连接多台宿主机,Macvlan则让容器直接接入物理网络;2) 利用第三方工具如Weave Net或Flannel构建虚拟网络,Weave Net简化网络配置,Flannel则适用于Kubernetes环境并通过UDP封装数据包实现通信。实施前需确保宿主机间网络畅通且防火墙设置适当。
449 2
|
JavaScript 前端开发 容器
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
325 2
|
Linux 虚拟化
此虚拟机的处理器所支持的功能不同于保存虚拟机状态的虚拟机的处理器所支持的功能
此虚拟机的处理器所支持的功能不同于保存虚拟机状态的虚拟机的处理器所支持的功能
3132 0
此虚拟机的处理器所支持的功能不同于保存虚拟机状态的虚拟机的处理器所支持的功能
|
负载均衡 算法 网络虚拟化
ensp中链路聚合配置命令
链路聚合(Link Aggregation)是结合多条物理链路形成逻辑链路的技术,提升网络带宽、增强冗余性和优化负载均衡。在高带宽、高可靠性及负载均衡需求的场景如服务器集群、数据中心等中广泛应用。配置包括手动和自动模式,手动模式下,如LSW1和LSW2,通过`int eth-trunk`、`trunkport`等命令配置接口和成员链路。自动模式下,如SW3和LSW4,使用LACP协议动态聚合,通过`mode lacp-static`和`load-balance dst-mac`命令设置。配置后,使用`dis eth-trunk`检查聚合状态。
1872 1
ensp中链路聚合配置命令