使用node.js搭建簡易的個人部落格(一)
node.js和express應用框架的啟動
首先需要在電腦上安裝node.js的開發環境,安裝好之後,就可以使用它了。這裡我使用的開發工具是webStorm,然後使用 npm install --save express命令來安裝express模組;接著安裝一系列的依賴模組,安裝成功以後工程裡面會出現一個名字為:package.json的JSON檔案;裡面內容自動生成如下:
{
"name": "blog",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test ": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"body-parser": "^1.17.1",
"cookies": "^0.7.0",
"express": "^4.15.2",
"markdown": "^0.5.0",
"mongoose": "^4.9.7",
"swig": "^1.4.2"
}
}
到這裡專案所需要的模組都安裝完畢,接著建立一個應用程式的啟動檔案:app.js,在檔案裡去載入我們安裝好的模組,監聽埠,具體程式碼如下:
/*應用程式的啟動檔案*/
var express = require("express"); /*載入express模組*/
var swig = require("swig"); //載入模板處理模組
var mongoose = require('mongoose'); //載入資料庫模組
var bodyparser = require("body-parser"); //載入body-parser,利用這個模組就可以接受post提交過來的資料,req.body
var Cookies = require("cookies"); //載入coolies儲存使用者登入狀態
var User = require ("./models/user.js"); //引入使用者資訊的資料庫模型
swig.setDefaults({cache:false}); //在開發過程中需要取消模板快取機制
var app = express(); //建立app應用
app.use(bodyparser.urlencoded({extended:true})); //設定body-parser
//靜態檔案的託管
//當用戶訪問的路徑以/public開頭的話,則處理為靜態檔案
app.use('/public',express.static(__dirname+'/public'));
/*配置應用模板*/
//定義當前模板的引擎
//第一個引數為模板引擎的名字和檔案型別,第二個引數解析模板內容
app.engine('html',swig.renderFile);
//設定模板存放的目錄,第一次引數為views,第二個引數為模板路徑
app.set('views','./views');
//註冊使用的模板引擎,第二個引數為模板名字
app.set('views engine','html');
/*
**app.use();將一個URL路徑個一個函式繫結,第一個引數為訪問的路徑,第
*二個引數為執行的函式,如果第一引數為空,則表示任何路徑都觸發這個處
*理函式;
* req:request物件;包含使用者的一些請求資訊。
* res:response物件;通過res後臺可以向這次請求的客戶端返回響應。
* next:將控制權交給下一個執行的路由函式。
**/
//模組劃分;作用:當用戶訪問以其中任何一個開頭的路徑時,下面程式就會將處理權交給routers檔案下的對應程式去處理,為了模組化,例如所有的後臺管理程式都在routers資料夾裡的admin.js下。
app.use("/admin",require('./routers/admin'));//後臺管理
app.use("/api",require('./routers/api'));//路由管理
app.use("/",require('./routers/main'));//首頁管理
/*連線資料庫,在window下cmd->cd F:Mongodb/bin->輸入mongod --dbpath=F:\node.js\Blog\db --port=27017; 啟動mongodb資料庫,這裡dbpath後面是你工程裡面資料庫的儲存路徑,port後面是你要繫結的埠號。*/
mongoose.connect("mongodb://localhost:27017/Blog",function(err){
if(err){
console.log("資料庫連線失敗!")
}else{
console.log("資料庫連線成功了!");
/*監聽http請求*/
app.listen(8081);
}
});
/*
*首頁的路由繫結
**/
/*app.get("/",function(req,res,next){
//讀取views目錄下的指定檔案,解析返回給客戶端
//第一個引數:表示模板的檔案相對於view的相對位置
//第二個引數:傳遞給模板的使用資料
res.render("index",{}); //當瀏覽器訪問首頁時,使用res.render給前臺渲染一個html頁面,{}裡面是需要傳輸的資料
});
在資料庫連線成功以後,就可以啟動應用了,如果沒有其他問題,就會看到在webStorm的控制檯裡會輸出”資料庫連線成功了!”在瀏覽器上去訪問localhost:8081就會返回訪問首頁時,渲染的頁面。到這裡我們的啟動程式就結束了,之後我會寫出部落格的各個具體模組的開發過程。
`
相關推薦
使用node.js搭建簡易的個人部落格(一)
node.js和express應用框架的啟動 首先需要在電腦上安裝node.js的開發環境,安裝好之後,就可以使用它了。這裡我使用的開發工具是webStorm,然後使用 npm install --save express命令來安裝express模組;
使用GitHub + Hexo搭建個人部落格(一)- 安裝
最近在同事那瞭解到,使用GitHub + Hexo可以搭建自己的個人部落格,很早之前就想自己搞個網站做部落格,由於種種原因一直沒有實現 現在可以使用開源的工具搞個部落格還是蠻不錯的,這裡和大家分享下。 1. Hexo簡介 GitHub的簡單介紹,大家可以參考我前面的部落格,
基於windows平臺Git+GitHub+Hexo搭建個人部落格(一)
之前最開始是瞭解並搭建的jekyll框架,然後又從網上百度了一下,很多部落格都支援Hexo,覺得Hexo更好用一些,也有很多支援jekyll的,自己確實不知道是jekyll和Hexo哪個更好用一些,所以又搭建了一下Hexo的環境。 我在這裡對我自己的操作步驟
SpringBoot2.x|從零開始搭建個人部落格(一)
專案Init 通過IDEA開啟專案後,創建出以下的檔案結構。 |- - blogs |- - src |- - main |- - java
Hexo+Github搭建個人部落格(一)
前言 經常在檢視技術文章時跳轉到大佬們的個人部落格,看起來很酷很炫。也想自己搭一個。嗯,於是有了這篇部落格。 基礎概念 個人以為,學習使用一項技術之前首先要簡單瞭解下它的基本概念,不要一上來就幹~沒前戲是不行的。所以我們不妨先來看一下Hexo 和 Gi
搭建自己的部落格(一):前期準備
目前想要自己搭建一個個人部落格,在這記錄部落格搭建的過程。 部落格採用Django框架搭建。該框架可以快速搭建出一個網站,並且是一個開源框架,由python編寫。 1、目前的部落格想法比較簡單。主要對部落格的功能有如下幾個方面: 暫時先想著實現這些功能,等搭建好之後在完善其他模組。
使用Node.js搭建微信支付後臺(一)
第一部分前期儲備 1.1 註冊前的概述 從微信公眾平臺可以獲取到公眾號的分類如下: 1. 服務號:主要偏於為使用者傳達資訊(類似報紙雜誌),認證前後都是每天只可以群發一條訊息;【適用人群】:媒體,企業,政府或其他組織 2. 訂閱號: 主要偏於服務互動(類似銀行,114,提供
使用docker搭建自己的部落格(一)
###購買伺服器 首先伺服器選擇騰訊雲學生伺服器,25歲以下實名認證後月租10塊,還是很適合我這種簡約派的 ![](https://img2020.cnblogs.com/blog/1675893/202005/1675893-20200504095358175-1090881613.png)
基於windows平臺Git+GitHub+Hexo搭建個人部落格(三)
去年的時候使用Hexo搭建了一個部落格,當時主題使用的是JackMan,雖說這個theme是挺好看的了,但是自己感覺還少點東西,所以自從搭建好後就一直沒用,筆記還是放在CSDN上。前兩天偶然發現了一位大神的部落格,當時一眼就喜歡上了這個主題,瀏覽網站後知道大神的部落格也是用Hex
搭建個人部落格(論壇)的建議
相信不少人希望搭建自己的部落格或者論壇作為自己的一個程式程式碼或者學習記錄存放的地方,還有可能地話就是弄一些比較有意義的論壇方便大家交流。博主給大家一些個人建議,僅供參考。 對於搭建個人部落格和論壇,我們比較熟悉的是discuz和wordpr
flask搭建個人部落格(二)——骨架、資料庫
編寫骨架程式: manage.py config.py app/main/__init__.py app/auth/__init__.py app/email.py app/models.py 設計資料庫models: 簡單的建立四個table:roles,users,c
在github上搭建hexo個人部落格(Linux-Ubuntu)
什麼是 Hexo? Hexo 是一個部落格框架,用來生成靜態網頁。 安裝前提 安裝 Hexo 很簡單。但是在安裝前,需要檢查電腦裡有沒有這兩樣東西。 - Node.js - Git 以下安裝都是基於Ubuntu平臺下 安裝 Git 開啟終
使用github搭建個人部落格(初級)
不能再初的初級版了,我保證!!我也是百度跟著別的大大的步驟一步步來的,寫到部落格記錄下,免得以後忘記。 步驟: 1、登入賬號後,點選下圖按鈕,新建倉庫。 2、填寫倉庫的屬性,倉庫名格式:你的github使用者名稱.github.io, 個人部落格簡介和描述檔
vue+express:搭建個人部落格(2)
上次更到mutations和actions,今天繼續寫 總覽模組 總覽模組就是顯示所有文章和連結,樣式和上次分享的文章類似。我覺得沒有新增一個返回按鈕好不科學,於是我添加了一個。 大概的感覺就是這樣。 遇到的問題就是 1. 使用getter
雲伺服器搭建個人部落格(上)
搭建雲伺服器就可以讓你的專案釋出在廣闊的網際網路世界,而不僅僅侷限於本地訪問,連線網路即連通世界。 工欲善其事必先利其器!請先安裝需要的軟體,配置好相關執行工具。 準備工具: 【雲伺服器:推薦學生黨購買騰訊雲伺服器,憑學生身份可以1元購/月,福利福利福利福利 https:/
如何使用hugo搭建個人部落格(二):修改主題:顏色,字型,佈局
上一篇博文中談到了如何在本地使用hugo預覽特定主題crisp,本文介紹主題的顏色,字型,佈局的修改。 修改主題側邊欄顏色 crisp主題的側邊欄預設是白色,如果想改個顏色咋辦? 到github倉庫 https://github.com/penn201
搭建自己的部落格(三):簡單搭建首頁和詳情頁
上一篇我們建立了部落格表和標籤表以及超級使用者,那如何將建立的部落格通過網頁顯示出來呢?‘我們簡單的建立首頁和詳情頁。 1、新建html介面 首先建立在blog app下建立一個templates資料夾,這個資料夾用來放置前端頁面,注意資料夾名字必須是templates。 建立blog_list.htm
搭建自己的部落格(四):優化首頁和詳情頁
上一篇簡單的建立了詳情頁和首頁,這篇稍微優化一下,添加發布日期,分類,標籤以及根據標籤篩選該標籤的內容。 1、優化首頁和詳情頁 <!DOCTYPE html> <html lang="en"> <head> <meta charset
用flask開發個人部落格(28)—— 利用unittest進行單元測試
下面分析下這個webapp的單元測試模組test,請先看下目前test下的檔案結構: 目前__init__.py檔案還是空,請檢視test_basic.py的程式碼: import unittest from flask impor
搭建自己的部落格(十):優化分頁功能
上一篇簡單的添加了分頁功能,但是感覺太粗糙了,這篇優化分頁功能。 1、變化的內容 2、上程式碼 ul.blog-types { list-style-type: none; } div.blog:not(:last-child) { margin-b