Add comments to your blog

drinkwd 2021-02-23 03:48:02
add comments blog


The weak wait for the moment , The strong make the time .

1 Preface

After the blog was built yesterday , Suddenly, what if I have an old fellow to interact with me?After selecting the model, we will according to the document provided by the author ( Look at my last article ) I'll go. fluid There are some comments about blog .

2 Comment system selection

The document makes it clear that if you want to use blog comments , Should pay attention to the problem , Let me quote Address .

Since the author said that domestic users recommend the use of Valine perhaps Utterances Then I chose one of the two . Here's a screenshot of the two comments .

Utterances Utterances Valine Valine

From the perspective of beauty and practicality, I chose Utterances Because I think his style is better . And it doesn't have to be like Valine Fill in user information and web address directly GitHub Just log in to your account .

To configure

I don't know how to build a blog , And our configuration file, which is _config.fluid.yml Modify the configuration file .

 The configuration file After the configuration file is configured, let's execute hexo s Command to see if there is one more similar to github Issue The comments . I naively thought it was over . But when I really comment , He made a mistake . It's like this .

The warehouse you configured has no binding Utterances If you want to use this Utterances Just go bind it . Next click install app. Will jump to the binding installation page .

Click on install Proceed to the next step , He'll ask if all the libraries in your name are bound Utterances Or just bind to a fixed Library , We choose our own blog , And then click install, And then I'll let you type in github password , Let's just input the correct password correctly . At this time, we go back to our blog again, comment again, and you will find that we have achieved great success .

Expand

In fact, after the user makes a real comment, he will put forward a Issue.

It's up to you to close or reply .

Careful students may find that , I just commented on why Issue Also default to the path and the name of the article as the title of the comment, and it's still garbled ? There are two solutions .

  • The title of the article is in Chinese ( It's a bit of a chicken thief )
  • Modify the configuration file

How to modify the configuration file ? Let's go to the utterances Its official website , Here's what it says Blog Post ️ Issue Mapping Translated is the article and Issue Mapping . I translated it. It's like this .

We choose the third Article title and page title , Without paths, this is utteranc The code at the bottom of the official website will change .

And then we put _config.fluid.yml In the document issue-term The following is amended as title Comment again , You'll find that the code is gone .

summary

At first, I thought that comments were very simple. Just modify a configuration , Later, I found that I was careless and didn't flash . There's not a lot about this on the Internet , I've come up with a little bit of Google translation . not so bad fluid The author and utterances The author's document is quite detailed . I'm very polite , See you next time ‍*️.

版权声明
本文为[drinkwd]所创,转载请带上原文链接,感谢
https://qdmana.com/2021/02/20210222134322284a.html

  1. Configure the certificate to enable ngnix to publish the trusted website of HTTPS
  2. Javascript数据类型
  3. HTTP interface debugging tool! 48000 star HTTP command line client!
  4. Parameter encryption of front end URL link band
  5. HTTP interface debugging tool! 48000 star HTTP command line client!
  6. Three front end frameworks: data binding and data flow
  7. Reading Axios source code (1) -- exploring the realization of basic ability
  8. Event bubble and capture in JavaScript
  9. 【微前端】微前端最終章-qiankun指南以及微前端整體探索
  10. R & D solution e-Car front end monitoring system
  11. [JS] 877 - 35 wonderful knowledge of JavaScript, long experience!
  12. R & D solution e-Car front end monitoring system
  13. High performance nginx HTTPS tuning - how to speed up HTTPS by 30%
  14. 解决ajax跨域问题【5种解决方案】
  15. Top ten classic sorting of JavaScript
  16. HTTP 1. X learning notes: an authoritative guide to Web Performance
  17. Vue3 component (IX) Vue + element plus + JSON = dynamic rendering form control component
  18. My http / 1.1 is so slow!
  19. Why Vue uses asynchronous rendering
  20. The response status was 0. Check out the W3C XMLHttpRequest Level 2 spec for
  21. The tapable instance object hook of webpack4. X core tool library
  22. The tapable instance object hook of webpack4. X core tool library
  23. Using libcurl for HTTP communication in C + +
  24. Using libcurl for HTTP communication in C + +
  25. Using CSS variable in Vue
  26. Deeply understand the update of state and props in react
  27. No matter how fast the Internet is, it's useless! In addition to Baidu disk, there is this website slow to let you eat shriveled
  28. Baidu share does not support the solution of HTTPS
  29. [micro front end] the final chapter of micro front end - Qiankun guide and overall exploration of micro front end
  30. [micro front end] the final chapter of micro front end - Qiankun guide and overall exploration of micro front end
  31. Vue cli creates vue3 project
  32. Nginx reverse proxy for windows authentication using NTLM
  33. Rust tutorial: introduction to rust for JavaScript developers
  34. Deploying personal blog to Tencent cloud with serverless framework
  35. R & D solution e-Car front end monitoring system
  36. JavaScript advanced learning
  37. Spend 1 minute to master these 5 ppt tips, courseware making less detours
  38. Vue: vuex persistent state
  39. React native gets the current network state of the device Netinfo
  40. High performance nginx HTTPS tuning - how to speed up HTTPS by 30%
  41. JavaScript advanced: Javascript object-oriented, JavaScript built-in object, JavaScript BOM, JavaScript encapsulation
  42. JavaScript advanced: Javascript object-oriented, JavaScript built-in object, JavaScript BOM, JavaScript encapsulation
  43. Vue determines whether the El form in the elementui is updated or changed. If it changes, it will prompt whether to save it. If it does not change, it will leave directly
  44. Algorithm problem: sum of two numbers -- JavaScript and Java implementation
  45. High performance nginx HTTPS tuning
  46. JQuery advanced
  47. day 30 jQuery
  48. JQuery:JQuery Basic syntax, jQuery selector, jQuery DOM, comprehensive case check box, comprehensive case random picture
  49. TCP/IP 开胃菜 之 HTTP
  50. JQuery:JQuery Basic syntax, jQuery selector, jQuery DOM, comprehensive case check box, comprehensive case random picture
  51. JavaScript data type
  52. [micro front end] the final chapter of micro front end - Qiankun guide and overall exploration of micro front end
  53. Solve Ajax cross domain problem [5 solutions]
  54. HTTP of TCP / IP appetizer
  55. Optimization of pod creation efficiency in serverless scenario
  56. Iqiyi Sports: experience the ultimate expansion and contraction of serverless, and increase the utilization rate of resources by 40%
  57. First knowledge of HTTP / 1.1
  58. First knowledge of HTTP / 1.1
  59. Webpack learning notes series 05 devserver
  60. Webpack learning notes series 04 - resource processing optimization