2. 程式人生 > >React 部落格系列 (1) 搭建的個人部落格

React 部落格系列 (1) 搭建的個人部落格

阿新 • • 發佈：2018-11-11

React 搭建的個人部落格

github個人部落格原始碼持續更新中。。。

小白起步，搭建的個人部落格，具有前端和管理端，還未完工，會持續更新。前後端分離，前端採用Mock.js模擬資料，部分引用antd元件，後端利用MongoDB儲存，axios傳遞資料，相關技術有：

  • React^16.2

  • Redux

  • Rect-router^4

  • Mock.js

  • Koa2

  • Mongoose

  • Axios

  • Echarts

  • AntD

啥也不多說，上圖。

  • 文章列表
    後端還未搭建完全，暫時mock的資料

文章列表頁

  • 登入介面
    醜爆的登入介面，後期一定要改，自己都看不下去了

這裡寫圖片描述

相關推薦

React 部落格系列 (1) 搭建的個人部落格

React 搭建的個人部落格 github個人部落格原始碼持續更新中。。。 小白起步，搭建的個人部落格，具有前端和管理端，還未完工，會持續更新。前後端分離，前端採用Mock.js模擬資料，部分引用antd元件，後端利用MongoDB儲存，axios傳遞資料，相關技術

Linux從0到1之搭建個人部落格系統wordpress

一、搭建系統環境 LAMP指的是Linux，apache，MySQL，php組成的網站系統，這是搭建網站最簡單快速的組合 1. 基礎環境（防火牆） 剛部署好的linux伺服器預設開啟了防火牆，假如你在該伺服器裝一個HTTP並啟動，在別的機器訪問該HTTP是不成功的

使用 jekyll + github pages 搭建個人部落格

1. 新建 github.io 專案 其實 github pages 有兩個用途，大家可以在官方網頁看到。其中一個是作為個人/組織的主頁（每個賬號只能有一個），另一個是作為 github 專案的專案主頁（每個專案可以有一個）。 而 github pages 本身就支援 jekyll

Django搭建個人部落格：使用者的刪除

這一章將實現刪除使用者資料的功能。 許可權與檢視 刪除使用者資料本身的邏輯並不複雜，但是會涉及到新的問題。 使用者資料是很多網站最重要的財產，確保使用者資料的安全是非常重要的。 前面學習的使用者登入、退出、建立都是相對安全的操作；而刪除資料就很危險，弄不好會造成不可逆的損失。因此我們希望對操作者做一些

Django搭建個人部落格：使用者的註冊

既然有登入登出，那麼使用者的註冊肯定也是少不了的。 登錄檔單類 使用者註冊時會用到表單來提交賬號、密碼等資料，所以需要寫註冊用的表單/userprofile/forms.py： /userprofile/forms.py ... # 註冊使用者表單 class UserRegisterForm(fo

Django搭建個人部落格：重置使用者密碼

隨著技術的發展，驗證使用者身份的手段越來越多，指紋、面容、聲紋應有盡有，但密碼依然是最重要的手段。 網際網路處處都有密碼的身影，甚至變成了現代人的一種負擔。像筆者這樣的，動輒幾十個賬號密碼，忘記其中幾個簡直太正常了。 本章講如何幫助健忘症患者，重置使用者密碼。 安裝第三方庫 前面我們已經知道如何修改文

記錄自己用python搭建個人部落格系統的完整過程（一）

零、前言 本博文記錄搭建個人部落格系統的完整過程，網上有許多相關的教程，但是沒找到一個（適合自己能力的）快速搭建的完整教程。藉此篇博文梳理一下前不久學習到的有關整個過程前前後後的各種知識點。 一、搭建環境 採用架構：python3.6 + django1.10 + ngi

使用Hexo搭建個人部落格，極速高效簡潔,新手小白可操作

目錄 只需要兩步 第一步程式碼部分： 第二部分放置程式碼 https://www.cnblogs.com/blogjun/articles/8289977.html 詳細操作可參考上文 這裡說一下大概的原理吧（純屬個人觀點，如有疑問請評論回去，接懟） 只需要兩步

使用Hexo+Github搭建個人部落格

個人部落格：             技術部落格：http://messi1002.top/             閱讀部落格：http://www.read1002.t

centos6.8使用WordPress搭建個人部落格

一、搭建LNMP 1.安裝Nginx 安裝Nginx [[email protected] ~]# yum -y install nginx Loaded plugins: fastestmirror Setting up Install Process Determ

Hexo + github pages + 阿里雲繫結域名搭建個人部落格

申請域名 萬網購買的域名，地址：https://wanwang.aliyun.com/domain/com?spm=5176.8142029.388261.137.LoKzy7 控制檯進行解析 控制檯->域名與網站(萬網)->域名->域名列表->解析 設定主機記錄www

docker實戰之使用mysql映象與wordpress映象搭建個人部落格

這次我打算寫一個實戰教程，以前寫的教程大多數是根據自己掌握的知識去寫的，並非實戰，這次試一下吧 首先docker這個東西我強烈推薦學習，因為真的很好用 下面先開始吧，廢話不多說，基礎的連線伺服器這些我就不囉嗦了，自個去百度吧，貌似我部落格也有 首先，使用yum安裝docker，命令如下

github + hexo 搭建個人部落格教程

Github Pages介紹 本來用於介紹託管在Github上上的專案，由於它的空間免費穩定，因此適合用來搭建部落格。 每個帳號只能有一個倉庫來存放個人主頁，且倉庫的名字必須是使用者名稱/ username.github.io。你可以通過http://username.github.io

GitHub、Node.js和Hexo搭建個人部落格

GitHub、Node.js和Hexo搭建個人部落格 1.Git 1.1、下載 下載地址：https://git-scm.com/downloads 1.2、Git安裝 雙擊安裝，點選Next 填寫安裝路徑，點選Next 選中安裝內容，點選Next

基於 Hexo + GitHub Pages 搭建個人部落格

參考 markdown一些語法 1、 --- title: Hello Blog --- 2、連結[CSDN](https://blog.csdn.net/owenfy) 3、大小標題 ## Quick Start ### Create a new post 4、中間

Mac上基於hexo+GitHub搭建個人部落格(一)

之前一直使用部落格園和簡書，但是部落格園太複雜，而簡書雖然很簡單，但是沒什麼新鮮感，偶然得知hexo+github可以搭建自己的部落格，主要是可以自己定主題，還很simple，因此，找了個時間，自己搞了一下，感覺還可以，就自己弄了一個。 1 環境配置 Hexo官網上有搭建文件！ 1.1 安

【Hexo搭建GitPage部落格系列】03.Hexo部落格搭建

前言 前面我們已經把環境準備好了，接下來我們就可以正式開始我們的部落格搭建之路了！ 搭建步驟 建立Github倉庫 點選建立倉庫 專案必須要遵守格式：賬戶名.github.io，不然接下來會有很多麻煩。並且需要勾選Initialize this repository

使用Hexo + GitHub Pages 搭建個人部落格

一.前言 　　之前是在CSDN上寫部落格的，但是無奈其廣告滿天飛，還有因為個人不太喜歡CSDN部落格裡的一些東西，加上看到很多技術大牛都有自己的個人部落格，於是乎！便想著搭建一個自己的個人部落格。其實之前寫部落格還是追求於有很多人來看，以滿足自己這樣的一個慾望，後來慢慢覺得寫部落格無非是記錄一下自己成長的歷

騰訊雲 + WordPress 搭建個人部落格

本文原地址 開始前瞭解自己適合那種方式搭建個人部落格的幾種高效方案 教程一：手動搭建，過程比較麻煩，但可以學習搭建過程 教程連結：【騰訊雲的1001種玩法】如何使用騰訊雲做部落格 記錄下搭建過程遇到的一些問題 關於域名與伺服器

Github Pages + Hexo 搭建個人部落格

本文原地址 開始前瞭解了自己適合那種方式搭建個人部落格的幾種高效方案 一、前置知識 GitHub Github 官網 廖雪峰教程- Git 教程 個人 Git 筆記 二、開始搭建 阮一峰教程-搭建一個免費的，無限流量的 Blog---- githu