学习强国之简易博客搭建

Hi_Stranger.jpg

在学习自动测试之学习强国这篇文章过程中，可以获取一定数量的文章内容并将其保存为txt文档。这一段时间在想如何展示自己的数据，就想到搭建一个简易网站进行数据展示。在学习的过程中，选取django，而学习 django大多以搭建博客起步，这刚好用到了之前获取的文本数据。
这篇文章主要分为两个部分：

• 版本控制：Github使用；
• Django搭建简易博客。

下面就两部分内容分别做回忆性概括。

一、版本控制

在进行版本控制时本来选择的是Github，但是搭建好Git后由于特殊原因不能使用，只能选择码云。虽然两者使用大同小异，但是个人觉得条件允许的话还是选择前者，毕竟面向对象、视野不同。

1. Git安装

点击这儿选择合适版本进行安装；
点击这儿查看Git文档；

2. 账号申请

点击这儿填写资料申请github账号；
点击这儿申请码云账号；

3. 实例运行

这里以码云为例。

• 生成公钥
  ssh-keygen -t rsa -C "youremail@example.com"
  公钥即用户主目录下的.ssh/id_rsa.pub文件内容。

• 配置公钥
  登录账号，进入设置页面

  
  SSH_public_key_settings.png
  

  上图红色框，标题按照自己需求填写，公钥内容粘贴上面文件内容即可。

• 配置git
  git config --globla user.name yourusername 配置用户名
  git config --global user.email yourusername@email.com配置用户邮箱
  git config --list 查看配置

• 创建仓库

  
  create_re.png
  

  按上图操作填写相关资料即可新建一个仓库。

  
  git_clone.png
  打开新建仓库，如上图复制仓库地址
• Clone仓库到本地
  命令行运行
  git clone https://gitee.com/tszwh/xuexi_blog.git，注意clone后填写需要clone的仓库地址
• git基本命令
  git add your_filename 添加至暂存区
  git commit -m your_comment 提交
  git push 推送至远程端
  git status 查看状态

4. 参考资料

Git教程-廖雪峰
Git-Book中文
Git教程-RUNOOB.COM
码云帮助中心

二、 Django搭建博客

• Django文档
• Django安装：pip install django
• Django思路：由简单到复杂，慢慢放大；先总体规划，后细节具体细节实施；勤动手，多敲代码。

1. 新建项目

• 新建项目：命令行执行django-admin startproject xuexi_blog
• 开启服务：进入manage.py 所在文件夹命令行执行
  python manage.py runserver
• 浏览器打开 http://127.0.0.1:8000，运行如下图则说明项目新建正常。
  runserver.png

2. 新建应用

新建应用blog：命令行执行python manage.py startapp blog

3. 配置应用

settings.py，urls.py进行配置

4. 应用后端准备

models.py定义数据
views.py定义页面
urls.py定义页面地址
html文件 规划前端显示
这一步可先简单返回一个最简单网页文件，检查正常运行后进行后端规划，后端正常后进行前端页面规划。

5. 简单页面展示

主页展示：

home.png

文章详情页：

article.png

6. 我的项目

项目源码已上传至码云：点这儿

三、 博客样式添加

---

2019.06.26更新 三、 博客样式添加

1. 本次更新主要特征

• 博客增加简单页面样式；
• Django结合pyecharts绘图。

2. 更新后页面如下

• 博客主页
  

  bootstrap_home.png

• 文章详情
  

  bootstrap_article.png

• 动态图形
  

  bootstrap_echarts.png

Tips：

• 上图中三维图形在客户端页面展示时可以进行拖动、旋转等操作；
• 更新后项目代码点这儿。