摘要：注意網(wǎng)站中用的所有技術(shù)可以交流學(xué)習(xí)不要以線上環(huán)境運(yùn)行，因?yàn)樵创a中沒有包含相關(guān)文件中的，授權(quán)登陸需要自己配置賬號(hào)密碼只有讀取權(quán)限交流群

線上環(huán)境小包總

服務(wù)器： node、koa2

客戶端： vue、vuex、vue-router、Element-UI

數(shù)據(jù)庫(kù)： redis、mongodb

打包： webpack

爬蟲模塊：用于爬取一些我看的上的文章，主要采用request，cheerio模塊對(duì)數(shù)據(jù)的爬取和處理，

同時(shí)需要注意處理爬取圖片的處理

文章模塊：展示爬取的文章數(shù)據(jù)，并進(jìn)行分類處理和展示

登錄注冊(cè)模塊： 支持用戶的登錄注冊(cè)，接入第三方登錄接口，注冊(cè)采用nodemailer模塊進(jìn)行郵箱驗(yàn)證

留言模塊： 讓用戶在本網(wǎng)站留下自己的足記

統(tǒng)計(jì)模塊： 統(tǒng)計(jì)網(wǎng)站訪問量等數(shù)據(jù)

segmentfault的文章不用登錄就能查看，所有可用訪問url就能取到文章的內(nèi)容，唯一需要的注意的是請(qǐng)求的圖片鏈接要做特殊的處理，最開始本來(lái)我是用的盜鏈的形式，后面過了一段時(shí)間segmentfault不允許盜鏈了，沒辦法只能從自己網(wǎng)站加載了。

在segmentfault中圖片的src中帶有?,&符號(hào)這中特殊的符號(hào)(應(yīng)該是圖片服務(wù)器的原因)，并且也沒有圖片的后綴

、所以我在爬取圖片的時(shí)候就需要處理特殊符號(hào)，和加后綴

let imgError = false, imgPath = (imgSavePath + src).replace(/?|&/g, "_");
//替換特殊符號(hào)
let writeFile = fs.createWriteStream(imgPath), extname;
    request(_src || (addr + src), {timeout: 60000}).on("response", function(response){
        if(response.statusCode.toString().indexOf("4") == 0){
            self.remove();
            imgError = true;
            resolve2();
            return;
        }
        extname = path.extname(response.request.path);
        //在響應(yīng)頭中獲取文件后綴                                
        if(!extname && response.headers["content-type"].indexOf("image") != -1){
            extname = "." + response.headers["content-type"].split("/")[1];
            if(extname.indexOf("svg") != -1){
                extname = ".svg";
            }
        }
        let imgSrc = _src ?  src : src + extname;
        self.attr("src", imgSrc);
    }).on("error", function(err){
        writeLog("請(qǐng)求圖片失?。?"+ (_src||src)+ " 來(lái)至url： "+ url, true);
        self.remove();
        imgError = true;
        reject2();
    }).pipe(writeFile);
    writeFile.on("finish", function(){
        if(imgError){
            return ;
        }    
        if(extname){
            let imgPath = (imgSavePath + src).replace(/?|&/g, "_");
            //添加后綴
            if(fs.existsSync(imgPath)){
                try{
                    if(src.indexOf(".") != -1){
                        resolve2("自帶后綴： "+ src);
                        return;
                    }
                    fs.renameSync(imgPath, imgPath + extname);
                    writeLog("修改圖片： " + imgPath + extname);                            
                }catch(e){
                    writeLog("修圖圖片失敗原因： ."+ src + extname + "
" + e, true);
                }
                resolve2(imgPath + extname);
            }else {
                writeLog("圖片不存在： ."+ src+ " 來(lái)至url： "+ url, true);
                reject2(url);
            }
        }
    });

文章中的代碼樣式，需要自己用highlight模塊去添加。
然后就是把文章的關(guān)鍵信息，如文件的url，時(shí)間，作者，保存到數(shù)據(jù)庫(kù)，把文章的真正的html保存為一個(gè)文件，然后根據(jù)url去加載本地的html。

網(wǎng)站中用的所有技術(shù)可以交流學(xué)習(xí)

不要以線上環(huán)境運(yùn)行，因?yàn)樵创a中沒有包含https相關(guān)文件

config.js中的github，qq授權(quán)登陸需要自己配置

mongodb賬號(hào)密碼只有讀取權(quán)限

133240225、 193572405