All Projects → linanwx → unrealblue-blog

linanwx / unrealblue-blog

Licence: other
📒基于python flask web框架的全栈项目, 前端重新设计, 写博客功能完全支持Markdown所有特性,响应式布局

Programming Languages

python
139335 projects - #7 most used programming language
javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to unrealblue-blog

rizkicitra
My Personal Website, build with Next.js and Tailwind CSS
Stars: ✭ 82 (+100%)
Mutual labels:  personal-blog
sutanlab.id
☕️ My Personal Homepage & Blog site with NextJS. 🇺🇸 🇮🇩
Stars: ✭ 39 (-4.88%)
Mutual labels:  personal-blog
ljvmiranda921.github.io
Github repository for github.io website ✨
Stars: ✭ 33 (-19.51%)
Mutual labels:  personal-blog
jekyll-jeffreytse-blog
📝 One retentive zone of my personal learning and ​thought.
Stars: ✭ 18 (-56.1%)
Mutual labels:  personal-blog
blogs
Blogs of personal.
Stars: ✭ 16 (-60.98%)
Mutual labels:  personal-blog
moera-client-react
Moera web client, for issues use: https://github.com/MoeraOrg/moera-issues/issues
Stars: ✭ 12 (-70.73%)
Mutual labels:  personal-blog
personal-blog-template
Personal Blog Template is a HTML/ CSS template including hero, works and blog sections prepared by using Sass/SCSS and LiquidJS.
Stars: ✭ 18 (-56.1%)
Mutual labels:  personal-blog
BaseMax.Github.io
Max Base Personal Website.
Stars: ✭ 20 (-51.22%)
Mutual labels:  personal-blog
persian-hugo
Persian is a box design personal blog theme based on Bootstrap and powered by Hugo. It is very responsive and perfectly fits on any sized screen device.
Stars: ✭ 32 (-21.95%)
Mutual labels:  personal-blog
geeky-hugo
Geeky is a Personal Hugo blog theme focused on high speed. Geeky is fully responsive, Superfast, and powered by Bootstrap v5.
Stars: ✭ 44 (+7.32%)
Mutual labels:  personal-blog
phuctm97.com
🏚 Home on the Web
Stars: ✭ 41 (+0%)
Mutual labels:  personal-blog
liva-hugo
Liva is a personal blog template powered by Hugo.
Stars: ✭ 192 (+368.29%)
Mutual labels:  personal-blog
tnc-scully
Personal blog written with Scully (Angular SSG)
Stars: ✭ 18 (-56.1%)
Mutual labels:  personal-blog
blog
My personal blog
Stars: ✭ 42 (+2.44%)
Mutual labels:  personal-blog
andresrodriguez55.github.io
Personal blog and portfolio with administration panel, notification system and comment system.
Stars: ✭ 18 (-56.1%)
Mutual labels:  personal-blog
mazipan.space
👿 Codebase for mazipan.space. Next.js x Tailwind
Stars: ✭ 89 (+117.07%)
Mutual labels:  personal-blog
aesto
Free Ghost theme with membership support. Minimal content focused design with multi author supported.
Stars: ✭ 31 (-24.39%)
Mutual labels:  personal-blog
personal-website
My personal website
Stars: ✭ 117 (+185.37%)
Mutual labels:  personal-blog
benjamincarlson.io
My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote.
Stars: ✭ 102 (+148.78%)
Mutual labels:  personal-blog
thundergolfer.github.io
just my website. 🌩🏌🏼‍♂️
Stars: ✭ 16 (-60.98%)
Mutual labels:  personal-blog

由于使用了 Cloudflare 的 CDN脚本,该网站被墙,所以可能出现访问缓慢的现象。

前言

源码可直接运行,支持markdown语法,支持邮箱注册账号,采用质感风格,任何问题均可参考《Flask Web开发:基于Python的Web应用开发实战》

博客网址:http://www.unrealblue.cc/

项目地址:https://github.com/linanwx/unrealblue-blog

效果预览

image.png

markdown语法

登录

首页

响应式布局

部署过程

首先为了验证程序功能,需要在本机上部署,若需要在服务器端运行,使用 nginx 反向代理工具,可以将端口号暴露出去,这样其他人就可以在公网访问你的博客了,具体过程如下。

  1. 安装virtualenv python虚拟环境,pip install virtualenv 或者 pip3 install virtualenv 。然后使用virtualenv在一个合适的目录,例如在该项目下面建立venv环境virtualenv venv
  2. 激活virtualenv环境,运行venv目录下的activate,. venv/bin/activate, 注意点的位置,之后你会看到命令行前面多了(venv)这个标记。
  3. 在虚拟环境下安装所有requirements.txt中的模块, pip3 install -r requirements.txt。如果安装太慢,你可能需要配置pip的国内源。更改pip源的方法参见pip官方页面。
  4. 导入坏境变量,在项目目录下创建文件 env ,输入如下字段:
  • [email protected] (服务器发验证码用的邮箱,开启了smtp服务的邮箱账号,程序里默认使用qq邮箱,修改config文件可成其它类型邮箱)
  • MAIL_PASSWORD=password (上面邮箱的密码,注意qq邮箱使用特殊16位专用密码)
  • [email protected] (服务器运行后,使用该邮箱创建账号就是管理者)
  • MAIL_SERVER=smtp.qq.com(邮箱服务器地址)
  • [email protected](发送人)
  1. 安装数据库迁移。输入以下命令
  • python manager.py db init (使用init命令创建迁移仓库,此时会多出 migrations 文件夹)
  • python manager.py db migrate -m "initial migration"(migrate命令用来自动创建迁移脚本)
  • python manager.py db upgrade(更新数据库,第一次使用该命令会新建一个数据库data-dev.sqlite)
  1. 部署程序, python manager.py deploy
  2. 在本地运行程序, python manager.py runserver打开 http://127.0.0.1:5000 端口查看,按Ctrl+C退出程序。
  3. 如果在服务器运行,要保留数据,则可以复制数据库 migrations 文件夹以及数据库 data-dev.sqlite 到服务器,之后请参考这篇文章进行配置,Flask + Gunicorn + Nginx 部署 ,最后输入命令 ./venv/bin/gunicorn -w 4 -b 127.0.0.1:8080 manager:app 此时应该可以查看8080端口显示了网页,且该端口是暴露外网的。在本地浏览器输入服务器地址,此时就可以看到博客了。
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].