网站制作代码草图（简单的网站制作代码）

(base) Zz:HexoBlogzz zhouzhang$ hexo generate INFO Start processing INFO Files loaded in 691 ms
    INFO  Generated: 2018/02/14/hello-world/index.html
    .....

(base) Zz:hexo zhouzhang$ hexo deploy INFO Deploying: git INFO Clearing .deploy_git folder... INFO Copying files from public folder... INFO Copying files from extend dirs... 位于分支 master 无文件要提交，干净的工作区 ...... INFO Deploy done: git

(base) Zz:HexoBlogzz zhouzhang$ npm update ......

(base) Zz:HexoBlogzz zhouzhang$ hexo -v hexo: 3.9.0 hexo-cli: 1.0.4 ......

const Koa = require('koa') const app = new Koa const static = require('koa-static') const path = require('path') app.use(static( path.join(__dirname, 'https://www.zhihu.com/topic/blog') )) app.listen(80, () => { console.log('success') }) 

# 名称 name: CI # 当master分支有push或pull_request的时候会触发 on: push: branches: [ master ] pull_request: branches: [ master ] # A workflow run is made up of one or more jobs that can run sequentially or in parallel jobs: # build是一个job的名称， build: # The type of runner that the job will run on runs-on: ubuntu-latest # 下面是一个个step steps: # 切换到master分支 - uses: actions/checkout@master # Runs a single command using the runners shell # 这一步是安装node.js - name: Setup Node.js environment uses: actions/setup-node@v2.1.0 with: node-version: '12.x' # 这一步是安装依赖，然后打包 - name: Run install and build run: yarn && yarn build # 上传服务器(下面的意思其实是用了社区别人封装的actions) # 通过设定自己服务器的用户名和密码，将打包后的文件夹public里所有东西上传到服务器的/www/vuePress/blog下 - name: Deploy to Server uses: hengkx/ssh-deploy@v1.0.1 with: # 以下为参数 USERNAME: ${{ secrets.DEPLOY_USER }} # 为了用户信息安全对敏感数据可以在secrets中配置请看下图 PASSWORD: ${{ secrets.DEPLOY_PASSWORD }} HOST: ${{ secrets.DEPLOY_HOST }} POTY: 22 // 默认就是22，但是之前没有写，不能成功。  SOURCE: 'public' TARGET: '/www/vuePress/blog' 

CREATE TABLE "blog" ( "id" INTEGER NOT NULL, "title" TEXT(64) NOT NULL, "markdown_content" TEXT(20480) NOT NULL, "parsed_content" TEXT(65535) NOT NULL, "tags" TEXT(256) NOT NULL, "created_at" INTEGER NOT NULL, PRIMARY KEY ("id" ASC) );

CREATE TABLE "blog_tag" ( "id" INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, "name" TEXT(32) NOT NULL, CONSTRAINT "name" UNIQUE ("name" ASC) );

CREATE TABLE "user" ( "id" INTEGER NOT NULL, "username" TEXT(32) NOT NULL, "password" TEXT(256) NOT NULL, PRIMARY KEY ("id") );

[package]
name = "blog-backend"
version = "0.1.0"
authors = ["Songday <songday@yeah.net>"]
edition = "2018"

[lib]
name = "blog_backend"

[dependencies]
blog-common = { path = "https://www.zhihu.com/topic/common" }

ahash = "0.4"
base64 = "0.12"
bytes = "0.5"
chrono = { version = "0.4", features     = ["serde"] }
comrak = "0.8"
futures = "0.3"
hyper = "0.13"
image = { version = "0.23", features = ["jpeg", "png", "gif"] }
lazy_static = "1.4"
lazy-static-include = "3.0"
parking_lot = "0.11"
once_cell = "1.4"
rand = "0.7"
v_htmlescape = "0.10"
subtle = "2"
serde = { version = "1.0", features = ["derive"] }
serde_json = "1.0"
sled = "0.34"
sqlx = { version = "0.4.0-beta.1", default-features = false, features = [ "runtime-tokio", "macros", "sqlite"], optional = false }
scrypt = "0.4"
tokio = { version = "0.2", features = ["fs", "io-util", "macros", "rt-core", "rt-threaded", "signal", "time"] }
uuid = { version = "0.8", features = ["v5"] }
urlencoding = "1.1"
warp = "0.2" 

Thanks to its Filter system, warp provides these out of the box: Path routing and parameter extraction Header requirements and extraction Query string deserialization JSON and Form bodies Multipart form data Static Files and Directories Websockets Access logging Gzip, Deflate, and Brotli compression

// 用户登录 let user_login = warp::post()  .and(warp::path("user"))  .and(warp::path("login"))  .and(warp::path::end())  .and(warp::cookie::optional(var::AUTH_HEADER_NAME))  .and(warp::body::json::<LoginParams>())  .and_then(controller::user_login); // 用户登出 let user_logout = warp::get()  .and(warp::path("user"))  .and(warp::path("logout"))  .and(warp::path::end())  .and(warp::cookie::optional(var::AUTH_HEADER_NAME))  .and_then(controller::user_logout); // 博客列表 let blog_list = warp::get()  .and(warp::path("blog"))  .and(warp::path("list"))  .and(warp::path::param::<u8>())  .and(warp::path::end())  .and_then(controller::blog_list); // 博客标签列表 let blog_tags = warp::get()  .and(warp::path("blog"))  .and(warp::path("tags"))  .and(warp::path::end())  .and_then(controller::blog_tags); // 根据博客标签展示博客列表 let blog_list_by_tag = warp::get()  .and(warp::path("blog"))  .and(warp::path("tag"))  .and(warp::path::param::<String>())  .and(warp::path::param::<u8>())  .and(warp::path::end())  .and_then(controller::blog_list_by_tag); // 保存博客数据 let blog_save = warp::post()  .and(warp::path("blog"))  .and(warp::path("save"))  .and(warp::path::end())  .and(auth())  .and(warp::body::json::<NewBlog>())  .and_then(controller::blog_save); // 展示某一篇博客文章 let blog_show = warp::get()  .and(warp::path("blog"))  .and(warp::path("show"))  .and(warp::path::param::<u64>())  .and(warp::path::end())  .and_then(controller::blog_show); 

let verify_image = warp::get()  .and(warp::path("tool"))  .and(warp::path("verify-image"))  .and(warp::path::end())  .and(warp::cookie::optional(var::AUTH_HEADER_NAME))  .and_then(controller::verify_image); 

tokio = { version = "0.2", features = ["fs", "io-util", "macros", "rt-core", "rt-threaded", "signal", "time"] }

tokio = { version = "1", features = ["fs", "io-util", "macros", "rt", "rt-multi-thread", "signal", "time"] }

tokio = { version = "1", features = ["full"] }

<div class="con">
	<div class="blog">MY BLOG</div>
	<div class="menu">
		<ul>
		<li><a href=https://www.zhihu.com/topic/20328250/"index.html">ABOUT</a></li>
		<li><a href=https://www.zhihu.com/topic/20328250/"photo.html">PHOTO</a></li>
		<li><a href=https://www.zhihu.com/topic/20328250/"works.html">WORKS</a></li>
		<li><a href=https://www.zhihu.com/topic/20328250/"contact.html">CONTACT</a></li>
		</ul>
	</div>
	<div class="left">
	<img src=https://www.zhihu.com/topic/20328250/"images/me.jpg" width="500px">
	</div>
	
    <div class="right">

    </div>
	
</div>

<link rel="stylesheet" href="//unpkg.com/grapesjs/dist/css/grapes.min.css"> <script src="//unpkg.com/grapesjs"></script>

npm i grapesjs -S

import 'grapesjs/dist/css/grapes.min.css'; import grapesjs from 'grapesjs'; 

<html> <head> <link rel="stylesheet" href="//unpkg.com/grapesjs/dist/css/grapes.min.css"> <script src="//unpkg.com/grapesjs"></script> <style> #gjs { border: 3px solid #444; } .gjs-cv-canvas { top: 0; width: 100%; height: 100%; } </style> </head> <body> <div id="gjs"> <h1>Hello World Component!</h1> </div> <script> const editor = grapesjs.init({ container: '#gjs', // 我们也可以使用可选的: `components: '<h1>Hello World Component!</h1>'`,  fromElement: true, // 编辑器尺寸  height: '300px', width: 'auto', // 禁用存储管理, 下面的文章我会介绍  storageManager: false, panels: { defaults: [] }, }); </script> </body> </html>

const editor = grapesjs.init({ // ...其他配置  blockManager: { appendTo: '#blocks', blocks: [ { id: 'section', label: '<b>Section</b>', attributes: { class:'gjs-block-section' }, content: `<section>  <h1>H5-Dooring</h1>  <div>积木式搭建H5页面</div>  </section>`, }, { id: 'text', label: 'Text', content: '<div data-gjs-type="text">My Baby</div>', }, { id: 'image', label: 'Image', select: true, content: { type: 'image' }, activate: true, } ] }, }); 

editor.BlockManager.add('my-block-id', { // ...其他配置如label  content: { tagName: 'div', draggable: false, attributes: { 'some-attribute': 'some-value' }, components: [ { tagName: 'span', content: '<b>DooringX</b>', }, { tagName: 'div', components: '<span>无限可能</span>', } ] } }) 

<div class="panel__top"> <div class="panel__basic-actions"></div> </div>

editor.Panels.addPanel({ id: 'panel-top', el: '.panel__top', }); editor.Panels.addPanel({ id: 'basic-actions', el: '.panel__basic-actions', buttons: [ { id: 'visibility', active: true, className: 'btn-toggle-borders', label: '<u>B</u>', command: 'sw-visibility', }, { id: 'export', className: 'btn-open-export', label: 'Exp', command: 'export-template', context: 'export-template', }, { id: 'show-json', className: 'btn-show-json', label: 'JSON', context: 'show-json', command(editor) { editor.Modal.setTitle('Components JSON') .setContent(`<textarea style="width:100%; height: 250px;">  ${JSON.stringify(editor.getComponents())}  </textarea>`) .open(); }, } ], }); 

const editor = grapesjs.init({ // ...  layerManager: { appendTo: '.layers-container' }, // 我们能定义一个默认的面板作为侧边图层管理器  panels: { defaults: [{ id: 'layers', el: '.panel__right', // 定义面板能否拖拽  resizable: { maxDim: 350, minDim: 200, tc: 0, cl: 1, // 左侧可拖拽  cr: 0, bc: 0, keyWidth: 'flex-basis', }, }] } }); 

<div class="panel__right"> <div class="layers-container"></div> <div class="styles-container"></div> </div>

const editor = grapesjs.init({ // ...  panels: { defaults: [ // ...  { id: 'panel-switcher', el: '.panel__switcher', buttons: [{ id: 'show-layers', active: true, label: 'Layers', command: 'show-layers', // Once activated disable the possibility to turn it off  togglable: false, }, { id: 'show-style', active: true, label: 'Styles', command: 'show-styles', togglable: false, }], } ] }, selectorManager: { appendTo: '.styles-container' }, styleManager: { appendTo: '.styles-container', sectors: [{ name: 'Dimension', open: false, buildProps: ['width', 'min-height', 'padding'], properties: [ { type: 'integer', name: 'The width', property: 'width', units: ['px', '%'], defaults: 'auto', min: 0, } ] },{ name: 'Extra', open: false, buildProps: ['background-color', 'box-shadow', 'custom-prop'], properties: [ { id: 'custom-prop', name: 'Custom Label', property: 'font-size', type: 'select', defaults: '32px', options: [ { value: '12px', name: 'Tiny' }, { value: '18px', name: 'Medium' }, { value: '32px', name: 'Big' }, ], } ] }] }, }); // 定义指令 editor.Commands.add('show-layers', { getRowEl(editor) { return editor.getContainer().closest('.editor-row'); }, getLayersEl(row) { return row.querySelector('.layers-container') }, run(editor, sender) { const lmEl = this.getLayersEl(this.getRowEl(editor)); lmEl.style.display = ''; }, stop(editor, sender) { const lmEl = this.getLayersEl(this.getRowEl(editor)); lmEl.style.display = 'none'; }, }); editor.Commands.add('show-styles', { getRowEl(editor) { return editor.getContainer().closest('.editor-row'); }, getStyleEl(row) { return row.querySelector('.styles-container') }, run(editor, sender) { const smEl = this.getStyleEl(this.getRowEl(editor)); smEl.style.display = ''; }, stop(editor, sender) { const smEl = this.getStyleEl(this.getRowEl(editor)); smEl.style.display = 'none'; }, }); 

import {Editor, Frame, Canvas, Selector} from "@craftjs/core"; // 定义本文组件 import {useNode} from "@craftjs/core"; const TextComponent = ({text}) => { const { connectors: {drag} } = useNode(); return ( <div ref={drag}> <h2>{text}</h2> </div> ) } // 初始化编辑器 const App = () => { return ( <div> <Editor> // 可编辑的区域  <Frame resolver={TextComponent, Container}> <Canvas> <TextComponent text="趣谈前端 - 徐小夕" /> </Canvas> </Frame> </Editor> </div> ) } 

 <header class="header">
    <div data-velocity="-.4" id="particles" class="header-bg"></div>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="social-links">
            <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-facebook"></i>
              <div class="ripple-wrapper"></div>
            </a>
            <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-twitter"></i>
              <div class="ripple-wrapper"></div>
            </a>
            <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-google-plus"></i>
              <div class="ripple-wrapper"></div>
            </a>
            <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-youtube"></i>
              <div class="ripple-wrapper"></div>
            </a>
            <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-linkedin"></i>
              <div class="ripple-wrapper"></div>
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="site-title-table">
      <div class="site-title-tablecell">
        <div class="slide-text">
          <h2><a href=https://www.zhihu.com/topic/20328250/"index.html"><span>S</span>uper<span>H</span>eros</a></h2>
          <p>Another exciting blog template from awesome team</p>
        </div>

      </div>
    </div>
  </header>

  <section class="maincontent-wrap">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="maincotnent shadow-z-1">
            <div class="mainmenu">
              <div class="navbar navbar-nobg">
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                </div>

                <div class="navbar-collapse collapse">
                  <ul class="nav navbar-nav">
                    <li class="active"><a href=https://www.zhihu.com/topic/20328250/"index.html">Home <div class="ripple-wrapper"></div>
                      </a></li>
                    <li><a href=https://www.zhihu.com/topic/20328250/"about.html">About</a></li>
                    <li><a href=https://www.zhihu.com/topic/20328250/"archive.html">Movie</a></li>
                    <li><a href=https://www.zhihu.com/topic/20328250/"archive.html">Sports</a></li>
                    <li><a href=https://www.zhihu.com/topic/20328250/"archive.html">Travel</a></li>
                    <li><a href=https://www.zhihu.com/topic/20328250/"single.html">Single</a></li>
                    <li><a href=https://www.zhihu.com/topic/20328250/"contact.html">Contact</a></li>
                  </ul>
                </div>
              </div>
            </div>


            <div class="row">
              <div class="col-md-10 col-md-offset-1">
                <div class="article-list">
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Nature</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">Green Lantern for Green World!</a></h2>
                      <p class="post-meta">by Farhan Rizvi @ 11th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html"><img class="img-responsive" src=https://www.zhihu.com/topic/20328250/"img/post-2.jpg" alt=""></a>
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Movie</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">My Favorite Spiderman Movie</a></h2>
                      <p class="post-meta">by Ratul Ahmed @ 09th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html"><img class="img-responsive" src=https://www.zhihu.com/topic/20328250/"img/post-1.jpg" alt=""></a>
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Movie</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">Marvel Phase to SuperCut</a></h2>
                      <p class="post-meta">by Rasel Ahmed @ 07th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src=https://www.zhihu.com/topic/20328250/"" width="500" height="281"></iframe>

                      </div>

                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Fun</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">The Return of Hulk!</a></h2>
                      <p class="post-meta">by Tamanna Ferdous @ 07th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <div class="embed-responsive embed-responsive-16by9">
                        <iframe class="embed-responsive-item" src=https://www.zhihu.com/topic/20328250/"" width="500" height="281"></iframe>
                      </div>
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Character</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">Thor - The Hero of Power!</a></h2>
                      <p class="post-meta">by Farhan Rizvi @ 06th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <img class="img-responsive" src=https://www.zhihu.com/topic/20328250/"img/article-2.jpg" alt="">
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Analysis</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">Beauty Queen of Avengers</a></h2>
                      <p class="post-meta">by Rasel Ahmed @ 05th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html"><img class="img-responsive" src=https://www.zhihu.com/topic/20328250/"img/article-3.jpg" alt=""></a>
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p>Movie</p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">The Target Man!</a></h2>
                      <p class="post-meta">by Ratul Ahmed @ 05th May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html"><img class="img-responsive" src=https://www.zhihu.com/topic/20328250/"img/article-4.jpg" alt=""></a>
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>
                  <article class="post">
                    <header class="article-title text-center">
                      <p><a href=https://www.zhihu.com/topic/20328250/"archive.html">Secret</a></p>
                      <h2><a href=https://www.zhihu.com/topic/20328250/"single.html">Mind can be controled like mine!</a></h2>
                      <p class="post-meta">by Unknown @ 02nd May</p>
                    </header>

                    <div class="article-featured-content shadow-z-2">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html"><img class="img-responsive" src=https://www.zhihu.com/topic/20328250/"img/article-5.jpg" alt=""></a>
                    </div>

                    <div class="post-summary">
                      <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
                        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
                        vel eum iriure dolor in hendrerit in vulputate velit esse molestie
                        consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
                        accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
                        delenit augue duis dolore te feugait nulla facilisi.</p>
                    </div>

                    <div class="post-detail-link text-center">
                      <a href=https://www.zhihu.com/topic/20328250/"single.html" class="btn btn-fab btn-raised btn-material-red">
                        <i class="fa fa-plus"></i>
                        <div class="ripple-wrapper"></div>
                      </a>
                    </div>
                  </article>


                  <nav role="navigation" class="navigation posts-navigation">
                    <div class="nav-links">
                      <div class="nav-previous">
                        <a href=https://www.zhihu.com/topic/20328250/"#">Older posts</a>
                      </div>
                      <div class="nav-next">
                        <a href=https://www.zhihu.com/topic/20328250/"#">Newer posts</a>
                      </div>
                    </div>
                  </nav>
                </div>
              </div>
            </div>


          </div>
        </div>
      </div>
    </div>
  </section>

  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 col-md-6 col-lg-offset-1">
          <div class="footer-wid">
            <h2 class="wid-title">A<span>vengers</span></h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
              tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
              nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
              Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel
              illum dolore eu feugiat nulla facilisis at vero eros et accumsan,</p>
          </div>
        </div>
        <div class="col-lg-5 col-md-6">
          <div class="footer-wid">
            <h2 class="wid-title">Newsletter</h2>
            <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
              ut aliquip ex ea commodo consequat.</p>

            <div class="newsletter-form">
              <form action="index.html">
                <input class="shadow-z-1" type="email" placeholder="Your Email address">
                <button type="submit" class="btn btn-material-red">Subscribe Now!</button>
              </form>
            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-md-12">
          <div class="footer-bottom">
            <div class="row">
              <div class="col-md-8">
                <div class="copyright-text">
                  <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank"
                      href=https://www.zhihu.com/topic/20328250/"#">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="social-links footer-social-links">
                  <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-facebook"></i>
                    <div class="ripple-wrapper"></div>
                  </a>
                  <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-twitter"></i>
                    <div class="ripple-wrapper"></div>
                  </a>
                  <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-google-plus"></i>
                    <div class="ripple-wrapper"></div>
                  </a>
                  <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-youtube"></i>
                    <div class="ripple-wrapper"></div>
                  </a>
                  <a class="btn social-link" href=https://www.zhihu.com/topic/20328250/"javascript:void(0)"><i class="fa fa-linkedin"></i>
                    <div class="ripple-wrapper"></div>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>

 ssh-keygen -t rsa

 npm i -g hexo-cli

 hexo init

 hexo g / hexo generate

 hexo s / hexo server

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家乡介绍</title>
    <link rel="stylesheet" type="text/css" href=https://www.zhihu.com/topic/20328250/"css/reset.css">
    <link rel="stylesheet" type="text/css" href=https://www.zhihu.com/topic/20328250/"css/index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <!-- logo -->
        <img src=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/images/logo.png" class="logo" alt="" />
        <!-- 导航栏 -->
        <div class="nav">
            <ul>
                <li>
                    <a class="active" href=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/index.html" target="_self">
                        <span title="家乡介绍">家乡介绍</span>
                    </a>
                </li>
                <li>
                    <a href=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/attractions.html" target="_self">
                        <span title="家乡景点">家乡景点</span>
                    </a>
                </li>
                <li>
                    <a href=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/delicacy.html" target="_self">
                        <span title="家乡美食">家乡美食</span>
                    </a>
                </li>
                <li>
                    <a href=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/about.html" target="_self">
                        <span title="家乡发展">家乡发展</span>
                    </a>
                </li>
                <li>
                    <a href=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/humanity.html" target="_self">
                        <span title="家乡人文">家乡人文</span>
                    </a>
                </li>
                <li>
                    <a href=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/contact.html" target="_self">
                        <span title="联系我们">联系我们</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 主内容 -->
    <div class="main-content">
        <div class="banner">
            <img src=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/images/R-C.jpg" alt="" />
        </div>
        <div class="project-content">
            <p class="content-title">家乡介绍</p>
            <div class="detail-content">
                <div class="detail-pic">
                    <img src=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/images/aca69c05cdaa4c40943507fcebd5f884.jpeg" alt="" />
                </div>
                <div class="detail-desc">
                    <p>云浮市，广东省辖地级市，位于广东省中西部，西江中游以南。土地面积7786.64平方千米（其中市区面积1967.28平方千米），下辖2个区、2个县、代管1个县级市。截至2022年末，云浮市常住人口239.65万人。</p>
                    <p>春秋战国至秦汉时期先秦时期，今云浮市境为百越之地。南北朝时期市境曾先后设立州、郡、县三级建置。民国初，4县隶属粤海道。1951年3月起隶属西江专区，12月起隶属粤中行政区。1961年4月，隶属肇庆地区。1994年4月，设立地级云浮市。 云浮是广府民系的发祥地，历史文化有西江文化、南江文化、六祖文化、石艺文化等。云浮市东连粤港澳大湾区，西接北部湾城市群，是珠江—西江经济带重要节点城市。西江黄金水道贯穿全境，云浮新港是广东内河第一大港。</p>
                    <p>从宏观视角系统介绍了云浮的综合概况、历史沿革、人文特色、发展变化和中华人民共和国成立以来特别是进入新时代以来各个方面所取得的辉煌成就，展示云浮数千年历史沧桑和新时代风貌。</p>
                </div>
            </div>
            <div class="detail-content">
                <p>云浮是一块宝地，可谓物华天宝、人杰地灵。悠久的历史和优良的文化，积累了丰富的文物。古建名木是历史发展的见证、人类文明进步的反映。在云浮这块美丽的土地上，我们的祖先繁衍生息，一代一代地开拓自己的家园。创造者留下的深刻轨迹，为我们提供了富有价值的文物，并且沉积了深厚的文化。</p>
                <p>两广之交的西江一带地区，在漫长的历史时期，是沟通中原与海外的重要交通枢纽，在这里，西江文化与中原文化、海外文化相互交绥碰撞，激发出文化创新的活力；在这里，产生了多次民族大融合，不断加入异质文化的新鲜血液；在这里，文化创新活动十分活跃。正是在这样一种历史背景和文化环境下，年轻的惠能横空出世，不仅自学自悟佛法真谛，而且融合多种文化基因，将“不二法门”的思想方法贯彻到底，主张“佛法在世间，不离世间觉”，反对出世的“专修”，将修禅融入合日常的生产生活之中，农禅并作，自食其力，自修自悟，自成佛道，创立了与印度佛教大异其趣的中国禅。</p>
            </div>
            <div class="content-list">
                <ul>
                    <li>
                        <div class="cover-pic">
                            <img src=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/images/1567417984855.jpg" alt="" />
                        </div>
                        <p class="title">大力发展绿色农业与畜牧业</p>
                        <p class="sub-title">粮食产量比上年增长0.2%，肉产量增长3.3%</p>
                    </li>
                    <li>
                        <div class="cover-pic">
                            <img src=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/images/1567417572331.jpg" alt="" />
                        </div>
                        <p class="title">第二产业齐头并进</p>
                        <p class="sub-title">全部工业增加值比上年增长3.6%</p>
                    </li>
                    <li>
                        <div class="cover-pic">
                            <img src=https://www.zhihu.com/topic/20328250/"https://www.zhihu.com/topic/20328250/images/1567417829709.jpg" alt="" />
                        </div>
                        <p class="title">开展节能产业</p>
                        <p class="sub-title">开展节能产业，为都市生活提供快捷</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="contact-container">
            <div class="contact-title">
                <p>联系</p>
                <p>Contact</p>
            </div>
            <div class="contact-content">
                <p class="c-name">木番薯科技</p>
                <div class="c-addr">
                    <p>地 点：广州市天河区花城大道666号</p>
                    <p>邮编：510000</p>
                </div>
                <div class="c-addr">
                    <p>公众号名称：木番薯科技</p>
                    <p>公众号号码：mengchatchat91</p>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src=https://www.zhihu.com/topic/20328250/"js/index.js"></script>
</body>
</html>