vuepress-theme-libra7 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 上的部署）

1. 修改 config.js里的base的值，如果发布到 https://<USERNAME>.github.io，可以不设置base的值，以为其默认值为/,# 如果发布到 https://<USERNAME>.github.io/<REPO>,则需要将base得值设为/REPO/
2. 在github上建一个新的repo，名称为下面deplohy.sh里配置的repo名称
3. 项目根目录下有一个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,然后再运行即可。

支持

给作者买一杯咖啡

项目目前为测试阶段，谨慎使用  😎