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

学习强国之简易博客搭建

作者: 灯下流民 | 来源:发表于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