1.0.1 • Published 3 years ago
vuepress-theme-libra6 v1.0.1
介绍
主题使用Vuepress
进行搭建
更新日志
- 2020.11.01 ~更改评论样式和默认语言,添加返回顶部功能
- 2020.10.31 ~更改文章目录实现逻辑和样式,修改文章标题显示样式,增加头像转动的小彩蛋,添加 github 评论功能
- 2020.10.21 ~修复目录内容过多导致的标题显示不全问题
快速上手
# clone the project
git clone https://github.com/Libra11/vuepress-theme-libra.git
# enter the project directory
cd vuepress-theme-libra
# install dependency
npm install # or yarn install
# develop
npm run dev # or yarn dev
配置
在docs/.vuepress/config.js
里进行博客一些图片和文字的配置,具体信息请看config.js
中详细内容
写作
在docs/blogs
里面添加博客文章(目前里面有一些测试文章),文章为markdown
格式,文章以以下内容开头
---
title: Blogging Like a Hacker
category: vue
desc: wo bu zhi dao ni shi shei ke wo zhi dao ni wei le shei
tag:
- vue
- javascript
picture: https://libra321.oss-cn-huhehaote.aliyuncs.com/blog/flutter_clean_4.png
date: "2019-10-14"
Update: "2019-10-18"
---
title
: 文章标题category
: 文章分类desc
: 文章描述tag
: 文章标签picture
: 文章缩略图thumbnail
date
: 发表日期Update
: 更新日期(可选,没有则默认为发表日期)
部署(仅为 github Page 上的部署)
- 修改
config.js
里的base
的值,如果发布到https://<USERNAME>.github.io
,可以不设置base
的值,以为其默认值为/
,# 如果发布到https://<USERNAME>.github.io/<REPO>
,则需要将base
得值设为/REPO/
- 在
github
上建一个新的repo
,名称为下面deplohy.sh
里配置的repo
名称 - 项目根目录下有一个
deploy.sh
文件,复制以下配置,根据实际情况选择对应选项
#!/usr/bin/env sh
# 确保脚本抛出遇到的错误
set -e
# 生成静态文件(有yarn使用yarn,没有也可以使用npm)
# npm run build
yarn build
# 进入生成的文件夹
cd docs/.vuepress/dist
# 如果是发布到自定义域名
# echo 'www.example.com' > CNAME
git init
git add -A
git commit -m 'deploy'
# 如果发布到 https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master
# 如果发布到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages
cd -
配置完成之后直接运行deploy.sh
,会将打包好的代码上传到你的repo
仓库的gh-pages
分支 4.进入github
的repo
仓库,点击Settings
,下拉找到GitHub Pages
选项,Branch
选择gh-pages
,目录选择根目录/root
,然后点击save
,github
将自动为你生成链接,访问链接即可访问到你的博客。
注意
mac
下如果没有成功,报出问题Permission denied
。就是没有权限。修改该文件 deploy.sh 的权限 :使用命令:chmod 777 deploy.sh
,然后再运行即可。
支持
给作者买一杯咖啡
项目目前为测试阶段,谨慎使用 😎
1.0.1
3 years ago