
## 遇到的问题

由于项目总是有一些小BUG，回想了一下项目中的JS文件的组织问题，估计应该是JS文件分散造成的加载不稳定，有时会造成一些变量莫名的未定义，事已至此，只有将这些文件打包到一个文件中就可以很好的解决这个问题，但是今天在网上搜了一些都是最近流行的打包工具，感觉功能过于丰富，以当前的项目来说用这些流行的打包工具有些大材小用了，而且学习成本高了一些，后来看了一下手头上的两JavaScript本书都推荐`Ant`打包，所以决定按书上的来吧，省时省力。

## 项目目录结构

书上说项目主要有三个目录：

* `bulid`用来放置最终构建的文件，理想情况下这个目录不应该提交
* `src`用来存放所有的源文件，包括用来进行文件分组的子目录
* `test` 测试文件。

## Ant打包

ant的安装教程很多，这里就不在重复了。

前端构建需要明白自己要做的是什么，其实打包构建的工具很多的，但是有些打包工具的功能太多了，学习成本很大的，所以选择适合的工具也是很重要的。

ant通过配置`build.xml`来执行一系列`target`,任务的类型选择很多，依据目前项目的选择，有打包，校验，压缩等。

这里就不在贴代码了，具体可以查看`suiyan`根目录下的`build.xml`参考，网上的教程也很多的。





由于项目总是有一些小BUG，回想了一下项目中的JS文件的组织问题，估计应该是JS文件分散造成的加载不稳定，有时会造成一些变量莫名的未定义，事已至此，只有将这些文件打包到一个文件中就可以很好的解决这个问题，但是今天在网上搜了一些都是最近流行的打包工具，感觉功能过于丰富，以当前的项目来说用这些流行的打包...

前端项目构建打包的一些学习笔记


## 发布了碎言静态博客的功能完整第一个版本

经过这段时间的努力，终于把博客成功的更换成了自己开发的碎言静态博客，也算是对这段时间学习JavaScript的一个总结。
后续还要继续开发维护，添加一些使用的功能，目前来说，对这个版本最大的满意就是界面的美化和网站的加载速度。
后续还会继续优化。

## 未来需要添加的功能

* 支持在线一件换肤。
* 更好的拓展功能。
* 更实用的功能。
* 吸引更多的程序员兄弟前来提交代码。

加油2020！！

经过这段时间的努力，终于把博客成功的更换成了自己开发的碎言静态博客，也算是对这段时间学习JavaScript的一个总结。

今天是个好日子发行了碎言静态博客的功能完整版



<a href='https://gitee.com/J_Sky/suiyan/stargazers'><img src='https://gitee.com/J_Sky/suiyan/badge/star.svg?theme=dark' alt='star'></img></a>

## 介绍
碎言这个名称取自与"碎言片语"，码兄累了吗？累了就休息一下，为未来的自己留下一些碎言片语吧。
演示： [碎言博客](http://j_sky.gitee.io/suiyan)

![](https://suiyan.cc/assets/images/fabu.png)

## 安装

首先克隆下载碎言静态博客

* [Gitee](https://gitee.com/J_Sky/suiyan.git)
* [GitHub](https://github.com/bosichong/suiyan.git)

可以通过`git clone https://gitee.com/J_Sky/suiyan.git`下载，也可以通过下载.zip压缩包下载后解压缩即可。

## 创建码云代码仓库

登录码云注册账号，然后开始创建自己的代码仓库用来存放博客的页面。

### 1. 创建

![](https://suiyan.cc/assets/images/blog/Snip20200108_1.png)

填写相关选项创建一个新的代码仓库

![](https://suiyan.cc/assets/images/blog/Snip20200108_3.png)


### 2.关联本地代码仓库

如果你对`Git`操作非常了解，可以跳过此步骤。

进入你本地博客的根目录：
先配置`Git`的基本信息

    $ git config --global user.name "你的名字或昵称"
    $ git config --global user.email "你的邮箱"

然后绑定远程代码仓库下边的仓库地址换成你刚刚建好的代码仓库的远程地址

    $ git init 
    $ git remote add origin https://gitee.com/用户个性地址/HelloGitee.git

### 3.创建你的第一篇博客

在终端进入你的本地博客目录运行

    python z.py

这个时候会打印一些关于`z.py`命令行的一些帮助信息，仔细看看可以了解一些基本操作。

未完待续



使用碎言静态博客依托码云Pages搭建自己的免费博客

发布了碎言静态博客的功能完整第一个版本

未来需要添加的功能

相关文章