分类 Hexo博客搭建 下的文章


title: 教程-Typora图片自动上传
date: 2023-01-13 04:53:20
tags: Hexo
category: 教程


说明:

通过PicGo实现在Typora上将图片自动上传到图床。

教程:

Picgo项目地址:Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder (github.com)

Releases · Molunerfinn/PicGo (github.com)

SMMS图床地址:Image Upload - SM.MS - Simple Free Image Hosting (smms.app)

过程:

1.下载picgo然后完成安装并且打开,找到SM.MS设置

QQ截图20230113044354

2.打开SMMS官网注册好账号,进入个人中心,选择API token,生成一个新的API复制到picgo中,确定并且设为默认

QQ截图20230113044517

3.打开typora的偏好设置-图像,设置插入图片为上传图片,服务设定为picgo(app),然后选择picgo的安装路径.exe。验证图片上传选项的话会显示失败是正常的。

QQ截图20230113044620

4.验证可用性,在picgo的图片上传,在相册中出现并且在smms官网的图片中出现即为成功。之后只要在typora中放入图片就会自动上传。

QQ截图20230113044828

QQ截图20230113044833

QQ截图20230113044844


title: GitHub部署
date: 2022-04-30 16:42:39
author: AlaxEleven
tags: Hexo
category: 教程


一、创建一个GitHUb

如果已有GItHub账户,可以跳到第二步

打开GitHub官网:GitHub: Where the world builds software · GitHub

点击右上角Sign up

OC8aWR.md.png

OC8UY9.md.png

输入注册的邮箱

OC8NFJ.md.png

OC8Yo4.md.png

输入密码

OC8GeU.md.png

输入用户名

OC8wS1.md.png

是否接收咨询,我选择n 否

OC8By6.md.png

OC80Qx.md.png

完成人机验证

OC8DOK.md.png

到邮箱确认注册就完成了GitHub账号注册

二、创建个人仓库

在GitHub主页右上点击new,新建仓库界面

OC8om8.md.png

创建一个名为xxx.github.io的仓库(xxx为你的用户名),因为我这个已经创建,所以会提示已存在

点击下方绿色的Create repository 完成仓库的创建

OC8RfA.md.png

三、添加SSH到GitHub

在刚才的博客文件夹,打开git界面,输入

git config --global user.name "yourname"
git config --global user.email "youremail"

yourname为你的GitHub名字,即上方的xxx

youremail为你注册GitHub的邮箱

检查是否正确,输入

git config user.name
git config user.email

创建ssh,输入

ssh-keygen -t rsa -C "youremail"

等待完成后到 本地磁盘C—用户-用户名 会看到一个.ssh的文件夹,打开里面的id_rsa.pub 可以选择用记事本打开

OC86Te.md.png

ctrl+a全选 ctrl+c复制

回到GitHub官网,点击右上角头像,点击Setting,找到右侧的SSH and GPS keys,点击右侧绿色的New SSH key,Title里面选输入这个Key的名字,我选择叫Hexo,在key里面 ctrl+v粘贴刚才复制的ssh。点击下方绿色的Add SSH key。

OC8hlt.md.png

OC846P.md.png

OC85Of.md.png

检查是否正确,输入

ssh -T git@github.com

Tips:第一次部署可能会出现验证,输入yes即可

四、部署Hexo到GitHub

回到hexo 文件夹 找到_config.yml 打开 我用的是vscode,没安装可以选择记事本

OC82Yd.md.png

找到这几行代码

deploy:

type: git

repo: https://github.com/youname/yourname.github.io.git

branch: master

修改yourname为你的github名字,修改完保存退出。

OC8gFH.md.png

在github中输入来安装deploy-git

npm install hexo-deployer-git --save

接着输入

hexo clean
hexo generate

ssh -T git@github.com(如果直接hexo d不行就加一句这个,出现successfully即可,需要挂T)

hexo deploy

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

出现下图即为成功

OC8ywD.md.png

补充:hexo d之后会弹出一个界面登录github,只有第一次会出现,然后按提示登录即可(要挂T)

五、使用

hexo d之后出现紫色git即为部署完成。

打开浏览器 博客的地址为 githubname.gtihub.io githubname为自己的github名字

hexo new "文章名字":新建文章

.md书写规范教程写作 | Hexo

每次在本地写完文章输入hexo clean ,hexo g ,ssh -T git@github.com,hexo d 等待三分钟左右 即可打开博客看到更新的内容


title: Hexo安装
author: AlaxEleven
date: 2022-04-30 16:33:37
tags: Hexo
category: 教程


一、

进入任意磁盘的文件夹 例如我在D盘

打开GIt窗口输入命令npm install -g hexo-cli

验证是否安装完成:hexo -v

二、

初始化Hexo:hexo init myblog

mybolog这个可以根据自己的喜欢命名,例如我的是Hexo

OC8T0S.md.png

打开在D盘出现的文件夹Hexo 输入npm install

等待完成后,文件夹目录下会出现以下文件,

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

OC87Tg.md.png

三、

接着输入

hexo g
hexo server

打开hexo的服务,然后打开浏览器

输入 localhost:4000 出现一个Hexo 的界面即为成功

回到git界面 按下ctrl+C 关掉服务


title: Node.js安装
author: AlaxEleven
date: 2022-04-30 16:12:07
tags: Hexo
category: 教程


一、打开Node.js下载官网:Download | Node.js (nodejs.org) 如下图

OSJRpt.md.png

二、点击箭头所指的Windows Installer

等待下完完成后,在你的下载目录下出现如下图标

OSYCN9.png

三、双击图标进入安装程序

一直点击Next即可

OSYUEQ.md.png

OSYd4s.md.png

确保左下角的 I accept ……是勾选 继续Next

OSYtHg.md.png

点击Change可以更换安装路径,我选择默认路径

OSYaNj.md.png

OSYYDS.md.png

OSY0Cn.md.png

点击Install执行安装

O9dsAK.md.png

Finish完成安装

四、验证安装

在任意磁盘打开Git窗口

输入下面俩个代码,回车后出现版本即为安装成功,如下图

node -v
npm -v

O9dD76.md.png


title: Git安装
author: AlaxEleven
date: 2022-04-30 15:32:20
tags: Hexo
category: 教程


一、打开GIt的下载官网:Git for Windows 如下图

OSZ7xs.md.png

二、点击上图中圈出的Download按钮

等待下完完成后,在你的下载目录下出现如下图标

OSeAZ6.png

三、双击图标进入安装程序

OSeOld.md.png

点击右下角Next

OSeLSH.md.png

点击箭头所指的Browse可以更改安装目录,我默认路径,继续点击Next

接下去一堆选项全部选择默认,一直点Next

OSeX6A.md.png

OSebfe.md.png

OSe7FO.md.png

OSejOI.md.png

OSexmt.md.png

OSez0P.md.png

OSmSTf.md.png

OSm9k8.md.png

OSmCtS.md.png

OSmPfg.md.png

OSmFpQ.md.png

OSmklj.md.png

OSmA6s.md.png

到这一步为止,可以看到进度条加载,Git开始安装

OSmEXn.md.png

OSmZmq.md.png

到这一步,Git安装完毕,默认箭头所指的选项没有勾选。这个时候俩个选择

1.不勾选,按Finish。结束安装

2.勾选,按Finish,出现下图,出现箭头所指的按钮表示Git安装完成

OSme00.md.png

四、验证安装是否完成

方法一:

是上方勾选后显示即为安装成功

方法二:

打开任意磁盘,(以windows 11 为例子)。点击桌面的此电脑--C盘。右键鼠标出现 显示更多选项出现GTI Bush Here,单击后出现Git窗口即为安装成功

OSnqsA.md.png

OSuVoV.md.png

OSurwt.md.png