整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

进击的JAMStack

进击的JAMStack


者:进击的大葱

转发链接:https://mp.weixin.qq.com/s/rPi9u9gUFejw0m2xzbaCJA


维导图

简介

个人博客是自身实力的一个体现,不仅仅表现出自己没有荒废,还能体现出自身很有学习能力,然后是否有必要还是需要看自己的一个情况。

此篇文章和后续更新会讲解博客搭建的一个前期准备和我博客搭建的详情,希望能给大家一个参考价值。

准备阶段

博客生成器

博客是由网页组成,从零开发很慢,而且成本很高,因此推荐使用市面上常用的博客生成器来进行使用。

博客生成器一般有两种,一种是动态网页生成器,如 WordPress 等,静态网页生成器 Hexo、VuePress 等。

静态网页部署器在发布更新上要慢一些,因为没有管理后台,但是由于是直接托管在服务器上,因此访问简单也更安全。

我选择的是 VuePress 进行搭建,不过使用的是其他的主题。

Web 服务器

通过官方的部署文档来进行部署,相比较而言,动态网页生成器更困难一点,因为静态网页部署只需将文件推送到 Github Pages 即可,但是动态网页生成器需要配置工作流。

动态网页生成器的运行成本和学习成本更高一点。

Markdown 基础

由于 Markdown 本身就是将文本快速转换成 HTML 的语言,Markdown 便成为了博客生成器上最常用的一种语言。

参考文档

进阶

域名和备案

服务器部署之后,如果是部署到服务器和 Github Pages 等免费静态网页生成器,则只能通过服务器绑定的 IP 地址和官方默认的域名进行访问,因此需要注册一个域名进行访问。

国内所有网站需要进行域名备案才会在国内的云服务器实现访问,因此需要进行绑定。

DNS 解析

需要将 IP 地址和 DNS 进行解析才能正常访问。

图床服务器

用来存放一些多媒体资源,防止 Web 服务器带宽直接占完。

细节问题

博客排版

英文中使用半角字符,中文中使用全角字符。英文中半角符号后需要加 1 个空格。

中文中需要坚持以下几个规则:

  1. 中英文之间要使用空格,例如:在 Github 中。
  2. 中文和数字之间要使用空格,例如:一年有 5 天。
  3. 数字与单位之间不添加空格,对于这个很多人都是有争议的,按照国标规定是需要加的。例如:10G
  4. 全角标点与其他字符之间不加空格,例如:你好,我爱你。

在这里只是介绍基本用法,实际你遵守不遵守还是看你了,不过我建议除了第三个剩下的全部遵守,因为如果加了有点难看。

当然也不会首行缩进,因为大部分博客都是使用 Markdown 来进行开发,Markdown 的最佳实践是不建议使用首行缩进,因此在博客中大部分都没有首行缩进的一个习惯。

博客界面

博客的颜色如果不知道怎么搭配,那就使用纯色即可,如果真的有其他颜色的搭配可以去搜一下怎样会好看一点。

纯色虽然不是很好看,但是最大的优点就是和任何颜色都会很配。

博客尽量不要使用太花哨的字体和太花哨的样式,别人是看你的博客内容还是看你的博客网站。

论什么语言,学Web开发必做的项目——个人博客。

本次项目基于Python的知名Web框架Django,从数据库到视图逻辑、再到模板语法,完整的走了一遍MTV开发流程。

markdown非常适合写博客、新闻类文章,也快成为了开发者写开发文档的标配了。所以本博客项目的文档内容,数据库存储的数据,也就是markdown格式内容,在前端显示需要转成HTML语法。

开发环境:Python3.6+pycharm+Django

1:安装Django

conda install django

python的包管理工具,anaconda的安装及配置,详见博客http://www.jianshu.com/writer#/notebooks/19640626/notes/20743107

IDE工具pycharm的安装,详见博客http://www.jianshu.com/writer#/notebooks/19640626/notes/20767808

2:创建Django项目

创建一个项目,名称为blogs

django-admin.exe startproject blogs

3:进入项目目录,启动项目

python manage.py runserver

访问http://127.0.0.1:8000,提示worked,证明正常运行

4:生成APP

python manage.py startapp blog

命令执行完成后,在工程目录下会生成blog目录

注意:app的名称不能和项目名称一样

5:添加URL路由

在urls.py文件中,编写如下代码:

6:在settings文件中安装blog的app

7:新建相关文件夹

在blog目录下,新建templates、static两个文件夹(文件夹名字千万不能错),templates文件夹中,存放html文件;static文件夹存放资源文件,该文件夹中新建css、img、js三个文件夹,存放对应的资源文件。利用pycharm在templates文件目录下新建一个blog.html的空html文件

6:编写响应函数

安装markdown,pip install markdown

响应函数如下所示:

7:在数据库中创建默认表格

python manage.py migrate

8:创建超级管理员的用户名和密码

python manage.py createsuperuser,然后逐步设置用户名和密码,密码至少8个字符

访问127.0.0.1:8000/admin,输入设置好的用户名和密码,如下所示:

9:新建博客模型

10:把model转换成中间件

python manage.py makemigrations

11:生成数据库表

12:在admin.py文件中注册数据库表,使其在管理页面中显示

13:增加数据

14:在前端页面调研后台数据显示

15:运行效果如下

完整代码下载地址:https://gitee.com/TianYaBenXiong/django_blog