Hi_Stranger.jpg
在学习自动测试之学习强国这篇文章过程中,可以获取一定数量的文章内容并将其保存为txt文档。这一段时间在想如何展示自己的数据,就想到搭建一个简易网站进行数据展示。在学习的过程中,选取django
,而学习 django
大多以搭建博客起步,这刚好用到了之前获取的文本数据。
这篇文章主要分为两个部分:
- 版本控制:Github使用;
-
Django
搭建简易博客。
下面就两部分内容分别做回忆性概括。
一、版本控制
在进行版本控制时本来选择的是Github,但是搭建好Git后由于特殊原因不能使用,只能选择码云。虽然两者使用大同小异,但是个人觉得条件允许的话还是选择前者,毕竟面向对象、视野不同。
1. 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.png6. 我的项目
项目源码已上传至码云:点这儿
三、 博客样式添加
2019.06.26更新 三、 博客样式添加
1. 本次更新主要特征
- 博客增加简单页面样式;
- Django结合pyecharts绘图。
2. 更新后页面如下
-
博客主页
bootstrap_home.png
-
文章详情
bootstrap_article.png
-
动态图形
bootstrap_echarts.png
Tips:
- 上图中三维图形在客户端页面展示时可以进行拖动、旋转等操作;
- 更新后项目代码点这儿。
网友评论