Align

KO | EN

gitlite — search

#javascript #ai #golang #machine-learning #rust #nodejs #java #windows #awesome #kubernetes #vue #awesome-list #security #ios

(★ 98)

a single static blog generater use vue components and markdown files

Align Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

> A beautiful blog generator

### 项目说明

[->项目说明@掘金](https://juejin.im/post/5b53f9c4e51d4513ee6dcd3f)<br>

### 推送配置

1. dist 推送:在目录`@/config/index.js`中配置如下字段:

```javascript
module.exports = {
  // 编译后的目录 对应的远程仓库，默认你有配置过远程仓库的SSH key
  distOriginSSh: 'git@github.com:xxx/xxx-blog-xxx.git'
};
```

> 配置好之后，`npm run build` 将会把`dist`下的代码推送到地址`git@github.com: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: 'youemail@xmail.com',
    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)

### 开发中的功能

<table>
  <tr>
    <th>功能</th>
    <th>进度</th>
    <th>最近更新时间</th>
  </tr>
  <tr>
    <td>Resume简历页面</td>
    <td>开发完成</td>
    <td>2018-11-30</td>
  </tr>
  <tr>
    <td>评论系统</td>
    <td>已接入[utteranc](https://utteranc.es/)</td>
    <td>2018-12-06</td>
  </tr>
  <tr>
    <td>友链</td>
    <td>样式和形式待定</td>
    <td>2018-12-06</td>
  </tr>
  <tr>
    <td>Reward页</td>
    <td>样式和形式待定</td>
    <td>2018-12-06</td>
  </tr>
  <tr>
    <td>自动化部署</td>
    <td>完成:在npm run build 之后，会自动推送到对应仓库，结合对应的托管平台的hooks，已经实现本地编译->远程服务器更新</td>
    <td>2018-12-06</td>
  </tr>
   <tr>
    <td>photo gallery</td>
    <td>完成</td>
    <td>2019-01-15</td>
  </tr>
  <tr>
    <td>上一篇下一篇取消，改成推荐阅读</td>
    <td>形式样式设计中</td>
    <td>2019-01-15</td>
  </tr>
</table>

有更多好的建议，欢迎 pr 或者 issue，这个博客生成系统还有许多的不足，会一直维护下去的。<br>

大家可以在我的 [掘金账号](https://juejin.im/user/585a2f52128fe10069ba1b95)找到我，也欢迎邮件`dendise7en@gmail.com`与我沟通

### 欢迎关注公众号 「前端恶霸」，扫码关注，好货等着你~

![](https://user-gold-cdn.xitu.io/2019/3/20/169992ac3759e2d2?w=258&h=258&f=jpeg&s=27199)

Align

Align Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Align

Align Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README