当前位置: 首页 > ops >正文

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

 

 💟💟前言

友友们大家好,我是你们的小王同学😗😗

今天给大家带来的是 手把手教你搭建个人博客

希望能给大家带来有用的知识

觉得小王写的不错的话 麻烦动动小手 点赞👍 收藏⭐  评论📄

小王的主页:小王同学🚗

小王的gitee:小王同学🏩

小王的github:小王同学💦

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

Github上 

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

hexo

什么是hexo呢

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

官网:hexo

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

安装Nodejs

Node.js (nodejs.org)

 Git

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

检验软件是否安装成功 

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

win+r

git --version
node -v
npm -v

 

 好啦 安装完毕

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

 接下来就是hexo的安装辣

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

npm install hexo-cli -g

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

Hexo 初始化配置

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

 

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

执行以下命令

hexo generate
hexo server

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

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

 然后进入我们的Github 官网 GitHub

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

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

然后会出现下图

 然后:

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

登录你的github 点击settings 

 SSH and GPG Keys

3.选择 New SSH key:

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

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

王同学在这里力推butterfly

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

安装完butterfly 的插件 如图:

 

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

觉得写的不错的话三连奉上吧!

http://www.xdnf.cn/news/11476.html

相关文章:

  • 油动无人机的优点有哪些?油动多旋翼无人机的优缺点及前景分析
  • 实践是检验真理的唯一标准!!交换机VLAN相关配置案例!
  • 腾讯应用宝Android 应用加固(乐固)操作说明(转)
  • 光盘如何重装系统教程
  • 个人怎么申请支付接口平台(教程)
  • 基于微信小程序的智能停车场管理系统的设计与实现
  • 推荐几款2024年最新开源API测试工具!
  • HTTP代理神器Fiddler
  • 三种经典“返回顶部”效果的代码
  • Web安全 EmpireCMS漏洞常见漏洞分析及复现(1)
  • vue项目main.js使用方法
  • XMLHttpRequest读取xml乱码及请求封装
  • onmouseover、onmouseenter、onmouseleave、onmouseout的区别
  • 2022年起重机械安全管理复训题库模拟考试平台操作
  • 稳定状态模型 (三):Volterra 模型
  • JSP基于JSP的医疗挂号管理系统rrklt(程序+源码+数据库+调试部署+开发环境)
  • 洛克王国五大灵石及魔法石地点分布总结
  • Element UI修改CSS样式的问题
  • ​机器视觉08——常见光源特点及应用之条形光源详解
  • 黑客爱用的 HOOK 技术大揭秘!
  • Android源码大放送(实战开发必备)(1)
  • 美国服务器:为您的企业业务提供独特优势
  • python教材推荐 知乎,python教程书籍推荐
  • java基础学习(一)
  • curl_exec php什么用,关于php curl_exec的详细介绍
  • 如何用SystemView分析AliOS Things
  • JVM | 内存调优实战 - MAT工具问题排查与分析
  • Windows Server 2008实现磁盘管理
  • Palm助手:别让你的PalmPhone吃灰
  • VRRP的配置