在Gitee搭建属于自己的博客 您所在的位置:网站首页 自建博客无法手机访问怎么解决 在Gitee搭建属于自己的博客

在Gitee搭建属于自己的博客

2023-09-15 09:10| 来源: 网络整理| 查看: 265

搭建属于自己的私人博客 工具安装 1、安装 git

git(版本控制工具)

链接:https://pan.baidu.com/s/19V8BH4kO9h6eVNFhMzAU4w 提取码:chgo

1.1 选择 next

1

1.2 选择安装路径

2

1.3 默认即可

3

4

5

6

7

8

9

10

11

12

1.4 安装完成后,在任意地方右键即可看见

13

1.5 选择Git Bash Here

一个类似于 Linux 的终端

14

2、安装 Typora

typora(md文件编辑器)

链接:https://pan.baidu.com/s/1jQRZll7yCpMEclnVrQWq2g 提取码:plm9

安装过程不再赘述

需要学习 markdown 语法

3、安装 node.js

node.js(必备)

链接:https://pan.baidu.com/s/1ivgZqnoLOr0m1trfzRIJyQ 提取码:ohy0

一路默认安装即可,可根据个人喜好修改默认的安装路径

15

16

在 任意处打开 git 或者 cmd ,检查安装是否成功

#检查 node.js node -v #检查 npm npm -v

17

4、安装 cnpm

win+R 输入 cmd,进入 cmd 面板,输入以下命令,等待安装完成:

npm install -g cnpm --registry=https://registry.npm.taobao.org

18

检查 cnpm 是否安装成功

cnpm -v

19

博客安装操作 1、博客安装

使用 cnpm 安装 hexo 博客

以管理员方式打开cmd,输入以下内容,并等待安装成功:

20

cnpm install -g hexo-cli

21

输入以下内容,验证是否安装成功

hexo -v

22

2、博客初始化

根据个人喜好,在任意盘符新建文件夹并任意命名,我这里命名为 chenyi

23

进入这个文件夹,右键打开 GitBash

24

输入以下命令,初始化博客,等待下载完成:

hexo init

25

3、运行博客

在博客文件夹的根目录右键打开 GitBash

输入以下命令:

hexo s

26

在浏览器输入localhost:4000查看

27

4、hexo常用命令

以下命令均是在 hexo 博客所在文件夹的根目录打开 GitBash输入

本地启动博客,启动完成后可在浏览器预览

hexo s #ctrl+c 停止

新建博客文章

hexo new "标题"

28

执行完新建文章命令后,查看其地址并用 typora 打开

29

输入内容后保存,再次运行博客,在浏览器刷新查看

30

清除博客缓存

#一般在切换博客主题,或者博客效果与预期不一致时执行该命令 hexo clean

将 md 文件生成静态页面

#一般在使用 hexo clean 命令后使用 hexo g 部署博客 1、打开码云

登录码云

没有账号的先注册

2、新建仓库

31

32

记录上图的仓库地址

3、安装 git 插件

在博客根目录下右键 GitBash 打开,输入以下内容,等待下载完成

cnpm install --save hexo-deployer-git

33

4、设置远程仓库

打开 _config.yml

34

设置 url

35

设置仓库地址

deploy: type: git repo: https://gitee.com/chenyi1109/test1 注:这是仓库地址 branch: master

36

这个代码块在文件最后

5、部署到远端

在博客根目录下右键 GitBash 打开,输入以下内容:

hexo d

37

#设置你登陆码云的邮箱账号 git config --global user.email "@.com" 自己设置 #设置你登陆码云的名字 git config --global user.name "自己填"

输入完成后,再次输入

hexo d

此时会弹出弹窗,输入码云的账号和密码即可

38

39

INFO Deploy done: git表示推送成功

6、开启静态页面服务

进入码云新建的仓库,开启 Gitee Pages

40

41

博客流程 1、写博客

执行 hexo new “名字”,hexo 创建该 md 文件,使用 typora 编辑并保存

2、清缓存&更新渲染

执行hexo clean清除缓存,

随后执行hexo g重新渲染静态页面

3、推送到码云

执行hexo d

4、更新码云的静态页面

42

5、重新访问网站 PicGo图床设置

写于2022年,由于Gitee外链禁止访问的原因,以下教程现在不能参考了!!! 有意愿的朋友可以参考这个链接:配置阿里云 OSS服务

1、插入图

hexo博客插入图片存在问题,现通过图床来解决插入图片问题

1.1、下载PicGo

下载PicGO并安装

链接:https://pan.baidu.com/s/1g9gs3M-nQ_1hkLZy1eFEag 提取码:pzfy

安装插件github-plus

43

44

1.2、配置图床仓库

登录码云,新建仓库,如下设置

45

生成 私人令牌

46

47

48

输入密码后保存生成的令牌

49

1.3、配置PicGo

50

51

52

上传图片测试,截图后选择 剪切板图片,查看软件返回结果

53

55

1.4、配置typora

进入 typora 选择->偏好设置->图像

56

验证结果为:

啥

以后往 typora 中插入图片,图片会自动上传到 gitee 图床,并且图片地址自动改为图床地址

58

结束


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有