美文网首页工具
学习强国之简易博客搭建

学习强国之简易博客搭建

作者: 7e3c6097c856 | 来源:发表于2019-06-23 02:17 被阅读50次

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.pyurls.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:

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

相关文章

网友评论

    本文标题:学习强国之简易博客搭建

    本文链接:https://www.haomeiwen.com/subject/hfwbqctx.html