【GitHub】超实用技巧，看这一篇就够了！

#5 链接到评论

我们经由过程一个 markdown 文件就创建一个静态网站，编辑修改异常便利，所以 GitHub 根本上可以当内容治理体系来竽暌姑了。

React和 Bootstrap 的网站已经怎么做了。

#12 用GitHub作为CMS(内容治理体系)

你有一个网站须要展示一些文本，然则你又不想把文本存成 HTML 。

您想将文本块存储在某个处所，并且可以很便利的编辑，且不须要开辟。

我的建议是文本写在 markdown 文件中，然后存到你的仓库。接着在前端写一个组件来请求文件然后衬着。

我用爱好用 React ，所以这是一个 React组件的例子：获得 markdown 文件路径，然后请求，解析，最后衬着成HTML。

class  Markdown  extends  React.Component {  
constructor(props) {  
    super(props);  
    // 这里须要调换成你的url  
    this.baseUrl  =  'https://raw.githubusercontent.com/davidgilbertson/about-github/master/text-snippets';  
    this.state  = {  
    markdown:  '',  
    };  
}  
componentDidMount() {  
    fetch(`${this.baseUrl}/${this.props.url}`)  
        .then(response  =>  response.text())  
        .then((markdown) => {  
        this.setState({markdown});  
    });  
}  
render() {  
    return (  
    < div dangerouslySetInnerHTML={{__html:  marked(this.state.markdown)}} />  
    );  
}  
}

我用的是marked( https://www.npmjs.com/package/marked ) 插件来解析markdown，然后你可以如许应用组件:

const Page = () => (  
    < div className="page">  
        < div className="about-us">  
        < Markdown url="about-us.md"  />  
        div>  
        < div className="disclaimer">  
        < p>A very important disclaimer:p>  
        < Markdown url="disclaimers/home-page-disclaimer.md"  />  
        div> 	
			 3/4   首页 上一页 1 2 3 4 下一页 尾页	
			

　　推荐阅读
　　厨房里的大数据逻辑，生活是最好的老师
            Tech Neo技巧沙龙 | 11月25号，九州云/ZStack与您一路商量云时代收集界线治理实践不信?听听妈妈怎么说——会做饭就会大年夜数据分析!那么问题来了?做饭和大年夜数据有什么关系呢?请听下面分析>>>详细阅读


本文标题：【GitHub】超实用技巧，看这一篇就够了！
地址：http://www.17bianji.com/lsqh/38802.html
 1/2    1