a single static blog generater use vue components and markdown files
A beautiful blog generator
项目说明
推送配置
- dist 推送:在目录
@/config/index.js中配置如下字段:
module.exports = {
// 编译后的目录 对应的远程仓库，默认你有配置过远程仓库的SSH key
distOriginSSh: '[email protected]:xxx/xxx-blog-xxx.git'
};
配置好之后，
npm run build将会把dist下的代码推送到地址[email protected]:xxx/xxx-blog-xxx.git对应的仓库中
commit记录信息：默认为npm run build如果你在build后追加了其他信息，那这部分的信息会作为 commit message 被提交。如果你想自定义提交信息的内容，可以在
@/config/index.js中配置commitMessage属性
module.exports = {
// commit messgae
commitMessage:
process.argv.length === 3
? `${process.argv[2]}:[${moment().format(
'dddd, MMMM Do YYYY, h:mm:ss a'
)}]`
: `AutoUpdate:[${moment().format('dddd, MMMM Do YYYY, h:mm:ss a')}]`
};
- 评论系统的配置
- 在目录
@/config/index.js中先配置以下信息
comments: {
// commetsRepo : 'gihub用户名/comments存储的仓库名'
repo: '',
// github-light | github-dark 主题
theme: 'github-light'
},
- 配置utteranc相关信息
- 个人信息配置
userInfo: {
name: 'name',
phone: '1XX-XXXX-XXXX',
site: 'www.yoursite.com',
email: '[email protected]',
birth: 'December 10,1991',
skills: [
{ label: 'HTML', percentage: '80%' },
{ label: 'CSS3', percentage: '60%' },
{ label: 'Javascript', percentage: '60%' },
{ label: 'jQuery', percentage: '50%' },
{ label: 'React', percentage: '60%' },
{ label: 'Vue', percentage: '60%' },
{ label: 'Mini-Program', percentage: '60%' },
{ label: 'Git', percentage: '70%' },
{ label: 'Webpack', percentage: '50%' }
],
// 你所在的城市
location: 'Shanghai,CN',
// 职位
jobTitle: 'Frontend Developer',
// 个人描述
description: 'Things we do are all for love'
},
- Landing 页面配置
ladingInfo: {
// landing 显示的名称
blogName: 'Dendionk',
tagA: 'Dreamer',
tagB: 'Coder',
tagC: 'Writter',
github: '',
twitter: '',
email: '',
linkedIn: ''
},
-
主仓库推送: 未提供配置字段，当前仓库默认为主仓库
-
服务器配置:自动拉取更新后的代码[待补充]
配置完成后预览本地,以及上传测试
# install dependencies
yarn
# 调试
yarn dev
# 打包推送代码到对应仓库
yarn build
Blog 使用的 Markdown 语法说明
开发中的功能
| 功能 | 进度 | 最近更新时间 |
|---|---|---|
| Resume简历页面 | 开发完成 | 2018-11-30 |
| 评论系统 | 已接入[utteranc](https://utteranc.es/) | 2018-12-06 |
| 友链 | 样式和形式待定 | 2018-12-06 |
| Reward页 | 样式和形式待定 | 2018-12-06 |
| 自动化部署 | 完成:在npm run build 之后，会自动推送到对应仓库，结合对应的托管平台的hooks，已经实现本地编译->远程服务器更新 | 2018-12-06 |
| photo gallery | 完成 | 2019-01-15 |
| 上一篇下一篇取消，改成推荐阅读 | 形式样式设计中 | 2019-01-15 |
有更多好的建议，欢迎 pr 或者 issue，这个博客生成系统还有许多的不足，会一直维护下去的。
大家可以在我的 掘金账号找到我，也欢迎邮件[email protected]与我沟通