Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dendoink/Align
a single static blog generater use vue components and markdown files
https://github.com/dendoink/Align
blogging markdown static-site-generator vuejs
Last synced: about 2 months ago
JSON representation
a single static blog generater use vue components and markdown files
- Host: GitHub
- URL: https://github.com/dendoink/Align
- Owner: dendoink
- License: bsd-3-clause
- Created: 2018-06-25T17:02:27.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T12:03:17.000Z (5 months ago)
- Last Synced: 2024-08-19T13:56:49.068Z (5 months ago)
- Topics: blogging, markdown, static-site-generator, vuejs
- Language: Vue
- Homepage: https://dendoink.github.io/site/
- Size: 2.49 MB
- Stars: 99
- Watchers: 4
- Forks: 18
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> A beautiful blog generator
### 项目说明
[->项目说明@掘金](https://juejin.im/post/5b53f9c4e51d4513ee6dcd3f)
### 推送配置
1. dist 推送:在目录`@/config/index.js`中配置如下字段:
```javascript
module.exports = {
// 编译后的目录 对应的远程仓库，默认你有配置过远程仓库的SSH key
distOriginSSh: '[email protected]:xxx/xxx-blog-xxx.git'
};
```
> 配置好之后，`npm run build` 将会把`dist`下的代码推送到地址`[email protected]:xxx/xxx-blog-xxx.git`对应的仓库中
2. `commit`记录信息：默认为 `npm run build` 如果你在 `build`后追加了其他信息，那这部分的信息会作为 commit message 被提交。
> 如果你想自定义提交信息的内容，可以在`@/config/index.js`中配置`commitMessage`属性
```javascript
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')}]`
};
```
3. 评论系统的配置
- 在目录`@/config/index.js`中先配置以下信息
```javascript
comments: {
// commetsRepo : 'gihub用户名/comments存储的仓库名'
repo: '',
// github-light | github-dark 主题
theme: 'github-light'
},
```
- 配置[utteranc](https://utteranc.es/)相关信息
4. 个人信息配置
```javascript
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'
},
```
5. Landing 页面配置
```javascript
ladingInfo: {
// landing 显示的名称
blogName: 'Dendionk',
tagA: 'Dreamer',
tagB: 'Coder',
tagC: 'Writter',
github: '',
twitter: '',
email: '',
linkedIn: ''
},
```
6. 主仓库推送: 未提供配置字段，当前仓库默认为主仓库
7. 服务器配置:自动拉取更新后的代码[待补充]
### 配置完成后预览本地,以及上传测试
```bash
# install dependencies
yarn
# 调试
yarn dev
# 打包推送代码到对应仓库
yarn build
```
### Blog 使用的 Markdown 语法说明
[->语法说明链接](https://github.com/DendiSe7enGitHub/vue-blog-generater/blob/master/markdown.md)
### 开发中的功能
功能
进度
最近更新时间
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，这个博客生成系统还有许多的不足，会一直维护下去的。
大家可以在我的 [掘金账号](https://juejin.im/user/585a2f52128fe10069ba1b95)找到我，也欢迎邮件`[email protected]`与我沟通
### 欢迎关注公众号 「前端恶霸」，扫码关注，好货等着你~
