Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Align logo

A beautiful blog generator

项目说明

->项目说明@掘金

推送配置

  1. 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对应的仓库中

  1. 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')}]`
};
  1. 评论系统的配置
  • 在目录@/config/index.js中先配置以下信息
comments: {
    // commetsRepo : 'gihub用户名/comments存储的仓库名'
    repo: '',
    // github-light | github-dark 主题
    theme: 'github-light'
  },
  1. 个人信息配置
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'
  },
  1. Landing 页面配置
 ladingInfo: {
    // landing 显示的名称
    blogName: 'Dendionk',
    tagA: 'Dreamer',
    tagB: 'Coder',
    tagC: 'Writter',
    github: '',
    twitter: '',
    email: '',
    linkedIn: ''
  },
  1. 主仓库推送: 未提供配置字段,当前仓库默认为主仓库

  2. 服务器配置:自动拉取更新后的代码[待补充]

配置完成后预览本地,以及上传测试

# 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]与我沟通

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

About

a single static blog generater use vue components and markdown files

Topics

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.