首页 > 其他分享 >Gitee 搭建个人博客

Gitee 搭建个人博客

时间:2023-02-21 09:24:41浏览次数:43  
标签:hexo 博客 Gitee https new 搭建 true page 页面

Gitee 搭建个人博客

下载安装 Nodejs

安装 hexo

npm install hexo-cli -g

选择一个文件夹或创建一个文件夹(Blog)并进入CMD窗口 执行如下命令

hexo init blog

将会下载文件并多出一个blog文件夹

找一个自己满意的博客面板

进入blog文件夹下的theme目录并执行命令下载我们需要的主题

git clone https://github.com/Aizener/hexo-theme-cola.git

完成以上步骤后,就可以开始配置根目录下的_config.yml文件,一共需要配置两个地方:

  • 关闭highlight配置项,打开prismjs配置:
highlight:
  enable: false    # true改为false
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: true    # false改为true
  preprocess: true
  line_number: true
  tab_replace: ''
  • 把theme配置改为:hexo-theme-cola主题:
theme: hexo-theme-cola

完成以上步骤后,我们再继续安装所需要的包依赖。

安装完成后,执行以下命令重新生成主题,并开启服务。

hexo clean & hexo g & hexo s

新建页面

安装好主题后,还需要新建几个页面,分别执行以下命令:

  1. 新建日志页面:hexo new page log
  2. 新建友链页面:hexo new page link
  3. 新建个人页面:hexo new page about
  4. 新建分类页面:hexo new page categories
  5. 新建标签页面:hexo new page tags
  6. 新建工具页面:hexo new page tools

新建完成页面之后,就可以到主题的_config.yml配置文件配置对应的信息了。(页面根据是否需要来新建)

日志页面需要通过命令新建一个文件:

hexo new page --path log/logName "logName"

执行该命令后,在log目录下会新增一个title为logName的文件(改成自己想要的标题即可),然后像写文章一样即可编写日志。

像上面这样的格式编写即可,日志页面就会以从上到下的顺序显示了。

杂项修改

可以看到,网站上还有些地方的配置没有介绍,配置这些也非常简单。进入主题目录找到 _config.yml 文件,里面有已经配置好的项,照着替换即可。

title: 可乐的小站
# 左侧栏名字
author_name: Cola.

# 左侧栏标签,只能两个
tag1: 中二
tag2: 宅

# 左侧栏Github连接
github_url: https://github.com/Aizener

# 左侧栏座右铭,分两句
motto_prev: “花有重开日,人无再少年”
motto_last: “一个简单普通的男孩”

# 小站部署日期(运营时间)
public_date: 2022-02-16

# 左侧栏菜单
menu:
  - [小站首页, '/', 'icon-shouye']
  - [个人日志, '/log', 'icon-rizhi']
  - [友情链接, '/link', 'icon-youqinglianjie']
  - ['关于自己', '/about', 'icon-guanyuwomen']

# 友情连接:头像、名字、链接
links:
 - ['https://www.baidu.com/img/flexible/logo/pc/result.png', 'Baidu.', 'http://baidu.com']

# 右侧栏公告
notice: Hello~大噶好。唔系可乐爱宅着,欢迎你们来到我的博客小站,希望能在这里收获到有用的东西哦!

# 右侧音乐列表:歌名、作者、链接、封面
musics:
  - ['安河桥', '宋冬野', 'http://ting6.yymp3.net:82/new25/songdongye/11.mp3', 'https://img2.baidu.com/it/u=1260056724,1076343118&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500']
  - ['卡布达', '暂无', '/music/kabuda.mp3', 'https://img2.baidu.com/it/u=705831265,2862720033&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500']

# 个人介绍
likes:
  - 姓名:杨祥
  - 年龄:25
  - 性别:♂
  - 家乡:四川省雅安市芦山县太平镇
  - 现居住地:四川省成都市武侯区
  - 职业:Web前端开发
  - 喜欢:打游戏,游泳,下象棋

# 是否开启水波纹
water: true

# 右侧栏网站信息
copyright: 蜀ICP备2022005384号 

到此,小站就可以启航远行了()。

标签:hexo,博客,Gitee,https,new,搭建,true,page,页面
From: https://www.cnblogs.com/jzyl/p/17139705.html

相关文章

  • 软件工程博客阅读心得体会
    从大二开始,我们开启了系统地学习软件工程的道路。和计算机科学与技术专业不同,这门学科并不注重硬件方面的知识,重心放在了团队合作、风险评估、开发过程上,是一门十分注重实......
  • vue3 门户网站搭建2-ngnix
    路由配好了,需要调试下build后是否可用,这时我们需要一个服务端来运行静态网页。官网直接下载一个windows版本的ngnix即可:http://nginx.org/en/download.html 下......
  • Maven环境搭建
    1、Maven环境搭建为什要学习这个技术?1.在JavaWeb开发中,需要使用大量的jar包,我们手动去导入2.如何能够让一个东西自动帮我们导入和配置jar包​ 由此,Maven诞生了1.1、Ma......
  • 手动搭建一个net转发
    #!/bin/bashipnetnsdeletens1ipnetnsaddns1#创建新namespacens1iplinkaddveth0typevethpeernameveth1#创建一对vethpairiplinksetveth0......
  • 第二周开课博客
    1、介绍自己本人,名叫刘紫锦,性别女,是来自软件工程的一名普通的大二学生;我个人觉得,我并没有什么闪光点,如果非要说一个的话,那可能就是极其不服输,且愿意为之努力吧!2、现状、......
  • 2.20日博客
    1.今天根据要求要完成信息的增加和查看,代码修改后没有报错但是一直404,完不成要交的任务。2.今天课上用游泳训练做比喻讲述了软件工程专业的学习应该是怎样的。3.通过网上......
  • react 高效高质量搭建后台系统 系列 —— 结尾
    其他章节请看:react高效高质量搭建后台系统系列尾篇本篇主要介绍表单查询、表单验证、通知(WebSocket)、自动构建。最后附上myspug项目源码。项目最终效果:表单查......
  • GoLang环境搭建
    goLangIDE选择VsCodeSDK下载首页-Go语言中文网-Golang中文社区(studygolang.com)  选择64位压缩包   下载后解压到磁盘目录 新建目录 C:\gol......
  • 第二周开课博客
    今天是二月二十号,在软件工程课程中,王建民老师老师给我们讲了如何成为一个软件工程师,以及需要具备的能力是什么。软件工程相当于游泳,只有反复的实践才可以提高自己,是自己达......
  • 第二周开课博客
    这节课老师花了很多时间让我们认识到作为一个软件工程系的学生,应该怎么样去自主学习和不断提升。主要围绕着“做中学”而展开。老师通过自己从一个完全不会游泳到学会游泳,......