搭建gitee page真的很多坑


所有操作先建一个空白文件夹名字随意

主要记录自己安装的过程并不详细

安装git

配置 Git 参数

过程跟上篇文章一样,已经做过的步骤不用再重复,直接到复制公钥那一步。

在博客根目录下,右键,打开Git Bash Here。

配置用户名和邮箱,这两个参数用于 Git 提交时的身份识别。

COPY# 其中 username 和 username@XXX.com 是你注册 Gitee 的用户名和邮箱,如果账号不是邮箱注册的话,填自己的一个邮箱地址就行了
git config --global user.name "username"
git config --global user.email "username@XXX.com"

生成 SSH keys,主要用于Git 提交时的权限控制和加密,本地根据 RSA 算法生成公私密钥对,然后将公钥添加到 Gitee 上,本机就可以提交代码到自己的 GitHub 库了。这个是根据当前使用的电脑的一些信息生成的,所以换电脑提交时要重新生成并添加。

输入下面命令,然后一直按回车,直到结束。

COPY# 其中 username@XXX.com 同上,是你的注册邮箱
ssh-keygen -t rsa -C "username@XXX.com"

image-20201229233801498

输入下面的命令,查看公钥内容,应该是一个ssh-rsa开头,以你的邮箱结尾的长字符串。

COPY# cat后面的路径就是上图中的公钥文件路径,直接复制过来就可以。其中XXX是你的电脑用户名。
cat /c/Users/XXX/.ssh/id_rsa.pub

image-20201229234452012

复制公钥内容(其实在Git Bash命令行里,默认选中文字松开鼠标就会自动把选中内容复制到剪贴板,点击鼠标中键是粘贴)。

 

 

关于git秘钥

1.配置

git config –global user.name "xxxxx"
git config –global user.email "xxx@xx.xxx"

注:查下是否配置成功,用命令
git config --global --list

2.生成秘钥

ssh-keygen -t rsa -C  "上面的邮箱"
注:执行上面命令后,连续回车3次

3.打印

进入ssh

cd ~/.ssh

打印ssh

cat id_rsa.pub

 

 

 

配置秘钥

一定要配置到个人主页,不是仓库

image-20211129231631074

查看是否成功:ssh -T git@gitee.com

安装hexo

官方:Hexo

  1. cmd管理员:(似乎多此一举)

<!-- npm config set registry=http://registry.npm.taobao.org -->

npm install -g hexo-cli

  1. 进入git界面:

npm config set registry=http://registry.npm.taobao.org

npm install -g hexo-cli

#安装发布插件

npm install hexo-deployer-git

hexo init #初始化

配置_config.yml文件

deploy:
type: git
repo: git@gitee.com:xxxxxx/xxxxxx.git
branch: master

页面加载没有样式以及路径问题解决❗

修改配置文件,不这样改二级目录访问css,js加载不出来

url: https://xxx.gitee.io/abc
root: /abc/

解决图片路径问题

本来用typro可以搭配picgo但是由于最近突然转成收费一气之下删了,新的方法:

插件hexo-renderer-marked解决了这个问题。可以只用npm install hexo-renderer-marked命令直接安装,之后在config.yaml中更改配置如下:

post_asset_folder: true #上传附件比如相关的图片
marked:
prependRoot: true
postAsset: true

安装主题

我用的主题插件

Butterfly - A Simple and Card UI Design theme for Hexo

npm install hexo-renderer-pug hexo-renderer-stylus --save

几个插件

安装发布插件

npm install hexo-deployer-git

图片插件

npm install hexo-image-link --save

npm install hexo-filter-inline-assets --save

本地搜索插件

npm install --save hexo-generator-search

生成tags和分类(没用懂)

npm install hexo-enhancer --save

修改配置文件:

keywords: HTML, JavaScript, Hexo tags: Java, Golang, React, Vue

评论

参考获取api (66条消息) 为你的Hexo加上评论系统-Valine_BlueLzy的个人博客-CSDN博客_hexo 评论

具体配置 Butterfly 安裝文檔(四) 主題配置-2 | Butterfly

发布

hexo g

hexo d

安装后折腾一下布局标签之类的

标签

  1. 前往你的 Hexo 博客的根目錄

  2. 輸入hexo new page tags

  3. 你會找到source/tags/index.md這個文件

  4. 修改這個文件:

記得添加 type: "tags"

分类

  1. 前往你的 Hexo 博客的根目錄

  2. 輸入hexo new page categories

  3. 你會找到source/categories/index.md這個文件

  4. 修改這個文件:

    記得添加 type: "categories"

小图标note

Butterfly 安装文档(三) 主题配置-1 | Butterfly

image-20211130211323199

mermaid

Butterfly 安装文档(三) 主题配置-1 | Butterfly

image-20211130211511428

laber

Butterfly 安装文档(三) 主题配置-1 | Butterfly

 

posted @ 2022-05-06 13:15  CallMeChou  阅读(465)  评论(0)    收藏  举报