Django+element ui前后端不分離的博客程序

最近把去年寫的一個爛尾博客（使用了django1.11和element ui）又重新完善了一下，修改了樣式和增加了新功能

github鏈接：https://github.com/ngauerh/Naga/，歡迎大家star和issues

media/avatar：存放個人簡介頭像

media/ckeditor_images: 存放文章中的圖片

icon: 存放網站的圖標

tu: 存放個人推廣的素材

自我簡介可以添加頭像和常用的社交網站鏈接，

后台可以在推廣素材欄添加自己的推廣廣告，

網站信息可以修改博客名稱、站點圖標、每頁文章數。

具體可以看下面的截圖

博客截圖

首頁：

 置頂文章在首頁以跑馬燈的效果顯示，使用了elementui自帶的js效果

<el-carousel :interval="4000" type="card" height="250px" style="margin-bottom: 5px">
    <el-carousel-item v-for="(wen,index) in commend_list" :key="index">
        <el-card class="box-card" style="height: 95%; background:url('{% static 'bg/1.jpg' %}')">
            <div style="padding-top: 40%">
                {% verbatim %}
                <a :href = "'/b/details/'+  wen.id ">
                    <h3 style="text-align: center;color: grey">{{ wen.title }}</h3>
                </a>
                {% endverbatim %}
            </div>
        </el-card>
    </el-carousel-item>
</el-carousel>

 

歸檔頁：

后台頁：

 

admin.site.site_header = "博客后台管理"   # 修改登陸界面標題
admin.site.site_title = "后台管理系統"


@admin.register(Blog)
class BlogAdmin(admin.ModelAdmin):
    list_display = ('title', 'author', 'create_at', 'category', 'views', 'topped')
    search_fields = ('title', 'author', "category__category", 'topped')
    filter_horizontal = ('tags',)
    list_filter = ('category', 'author', 'topped', 'tags')


@admin.register(Message)
class MessageAdmin(admin.ModelAdmin):
    list_display = ('name', 'email', 'mid', 'message')


@admin.register(FriendlyLink)
class FriendlyLinkAdmin(admin.ModelAdmin):
    list_display = ('title', 'url')


@admin.register(Siteinfo)
class SiteinfoAdmin(admin.ModelAdmin):
    list_display = ('title', 'icon', 'pagesnum')


@admin.register(Adsense)
class AdsenseinfoAdmin(admin.ModelAdmin):
    list_display = ('title', 'img', 'url')


admin.site.register(Tag)
admin.site.register(Category)

 

運行方法：

修改settings.py中的參數

將調試關閉，修改數據庫參數，

NAGA_ADMIN_PATH參數是后台路徑默認是/admin

 mkdir na
cd na
git clone https://github.com/ngauerh/Naga.git
vitualenv env
source env/bin/activate
cd Naga
pip install -r requirements.txt
python manage.py makemigrations
python manage.py migrate
python manage.py createsuperuser
python manage.py runserver

把程序運行起來后去網站后台修改相應的信息。

歡迎大家star和issues，github：https://github.com/ngauerh/Naga/